Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/plugins/avatarep.php on line 1102

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Imagen a los costados
kronos   15 Apr, 2015, 4:13 pm
#1
Como puedo hacer para poner imagenes a cada costado del foro?
Cita:Seria donde esta marcado
[Imagen: HJaJJDl.png]
XEDE   15 Apr, 2015, 5:00 pm
#2
Hay varias formas, la primera seria una imagen sola que tenga lo que querés mostrar en los extremos, y cargas la imagen a la etiqueta del "body" en tu global.css
kronos   15 Apr, 2015, 5:31 pm
#3
(15 Apr, 2015, 5:00 pm)XEDE escribió: Hay varias formas, la primera seria una imagen sola que tenga lo que querés mostrar en los extremos, y cargas la imagen a la etiqueta del "body" en tu global.css

Y como hago eso?? Ya tengo la imagen pero no se cuales deberían ser sus dimensiones.
PD: Muchas gracias por ayudarme con mi foro,soy un panqueque con todo esto  Sad
DarTexneter   15 Apr, 2015, 6:20 pm
#4
Yo probaba con el [Impeccionar Elemento] antes de aplicar el cambio...

[Imagen: 150416032500752443.png]
Última modificación: 15 Apr, 2015, 6:24 pm por DarTexneter.

Soy Mujer y Tengo derecho a usar MYBB ;)
[Imagen: http://sia1.subirimagenes.net/img/2015/0...471473.jpg]

XEDE   15 Apr, 2015, 7:42 pm
#5
Es como te indica en parte @DarTexneter osea:

Actualmente si vas a tu Global.CSS de tu theme vas a ver al incio editando en modo avanzado que la etiqueta "Body" tiene este código:

Código PHP:
<?php 
body
{
   background-color: #0a0a0a;
   color: #a2a2a2;
   font-family: "Source Sans Pro",Verdana,Arial,sans-serif;
   font-size: 13px;
   line-height: 1.4;
   margin: 0;
   padding: 0;
}

Simplemente agrega a ese codigo en un nuevo reglon ejemplo esto:

background: url ("imajes/mi-imagen-de-fondo.png") ;

Se entiende que entre "{}" es la ruta a la imagen que queres poner de fondo del foro, la misma si es una imagen chica como en este foro le aplicas el repeat al final, osea mas claro en este foro la imagen es esta:

[Imagen: p4a.png] (casi no se ve Big Grin )

Y se carga de esta forma para que se repita en todo el fondo del foro:

Código PHP:
<?php 
background
: url("http://mybb.github.io/mybb.com/assets/images/p4a.png") repeat scroll 0 0 #fafafa;
Si vos pones una imagen grande no es necesario agregar el "repeat", en todo caso anda probando y avisa como te va
DarTexneter   15 Apr, 2015, 9:22 pm
#6
Es mejor a siempre subir la imagen al servidor del foro porque si lo hago en otro servidor puede que caiga y mi fondo muere Sad Por eso como dice mi amigo, También puedes subir tu imagen de fondo a /images/ y editando el Global.CSS como menciona [XEDE] Sería asi:
Código:
background: url("http://www.tuforo.com/images/TU-IMAGEN-DE-FONDO.png") repeat scroll 0 0 #fafafa;
Última modificación: 15 Apr, 2015, 9:22 pm por DarTexneter.

Soy Mujer y Tengo derecho a usar MYBB ;)
[Imagen: http://sia1.subirimagenes.net/img/2015/0...471473.jpg]

BitLiberal   16 Apr, 2015, 5:27 am
#7
Vas a tu plantilla footer, añades despues de <div id="footer">:

Código:
<div id="imagen-derecha"><img src="URL DE LA IMAGEN (Derecha)"/></div>
<div id="imagen-izquierda"><img src="URL DE LA IMAGEN (Izquierda)"/></div>

En tu global.css añades esto:

Código:
#wrapper{
width:80%!important;
}


#imagen-derecha{
width:10%!important;
float:right;
position:absolute;
right:0;
top:0;
}


#imagen-izquierda{
width:10%!important;
float:left;
position:absolute;
left:0;
top:0;
}

Y añadiras dos imagenes a los lados de tu foro.

  • Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
  • Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)
kronos   16 Apr, 2015, 11:24 am
#8
(16 Apr, 2015, 5:27 am)BitLiberal escribió: Vas a tu plantilla footer, añades despues de <div id="footer">:


Código:
<div id="imagen-derecha"><img src="URL DE LA IMAGEN (Derecha)"/></div>
<div id="imagen-izquierda"><img src="URL DE LA IMAGEN (Izquierda)"/></div>

En tu global.css añades esto:


Código:
#wrapper{
width:80%!important;
}


#imagen-derecha{
width:10%!important;
float:right;
position:absolute;
right:0;
top:0;
}


#imagen-izquierda{
width:10%!important;
float:left;
position:absolute;
left:0;
top:0;
}

Y añadiras dos imagenes a los lados de tu foro.
Hay alguna manera de saber los pixeles de cada foto?? O es prueba y error?
XEDE   16 Apr, 2015, 3:31 pm
#9
(16 Apr, 2015, 11:24 am)kronos escribió: Hay alguna manera de saber los pixeles de cada foto?? O es prueba y error?

Que seria "saber los píxeles de cada foro"??? por mi parte no entiendo la pregunta, detalla con algún ejemplo a que te referís, pero si a lo que te referís es al ancho que tenes de cada lado del foro, eso es aleatorio, tu theme es "fijo" osea que si tu theme mide 1000px de ancho, y vos como usuario tenes en tu PC una resolución de pantalla de 1600px de ancho, el foro va a tener 300px de ancho en cada lado, ahora si tu resolución de tu PC es de 1920px entonces el ancho que vas a ver es 460px de igual forma a la inversa, si tenes una resolución en tu PC de 1280px el ancho que ves del foro es de solo 140px, etc...

Para mantener siempre un ancho fijo de cada lado indistinto de la resolución del usuario que navega en el foro tendrías que usar o modificar el theme de tu foro a uno "fluido" en lugar de uno "fijo", o uno mixto con valores establecidos en el CSS como ejemplo a usar min-width, max-width, margin, padding, etc... no es complicado hacer esos cambios, pero es cosa de ir probando solamente, esto seria si lo que vos querés es poner dos imágenes diferentes en cada lado y que se vean siempre enteras, aunque también podes poner 1 sola imagen de fondo y aplicar el CSS a la imagen para que siempre se vea al 100% indistinto del tamaño de la resolución del visitante

EDIT:
Ahora que veo me confundí mas jajaja Big Grin
pusiste "Foto" por error? osea la pregunta es sobre el "Foro", o estas preguntando por una imagen? si es para una imagen es simple solo abrila con el photoshop y listo, o cualquier visor de imágenes y te dice la resolución/píxeles de tu imagen
Última modificación: 16 Apr, 2015, 3:33 pm por XEDE.
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.