Leandro M._mybb_import8828   16 Jan, 2012, 12:29 pm
#1

Como puedo hacer para agregar 2 imagenes en los costados del container?
Aca les dejo una imagen de muestra


la idea es dejar el container al estilo taringa pero de la version anterior
Gracias de antemano.
nentab   16 Jan, 2012, 12:32 pm
#2
Tienes alguna imagen de cómo estaba antes? Es que yo no recuerdo...
nocktis21   16 Jan, 2012, 12:39 pm
#3
Puedes agregar una imagen con el ancho de el foro ya con las imágenes en los costados y hacer algo así:

CSS:
#container2 {
background: url(images/bla.png) repeat-y;
width: ancho de la imagen;
margin: auto auto; /* Así se mantendrá en el centro */
}

Otra opción sería con las dos imágenes crear dos divs y ponerlos flotantes y cambiando el margin para moverlos un poco.
Leandro M._mybb_import8828   16 Jan, 2012, 2:03 pm
#4
Esto es una imagen de como estaba antes taringa


lo que esta remarcado con rojo es lo que quiero agregar, cosa que quede detras de la imagen que puse arriba y abajo

nocktis21 si hago como vos decis me va tapar las 2 imagenes que tengo en top y bottom del container, pero igual voi a probar aver que pasa.
Este es mi foro Probando por si quieren ver como tengo agregado las 2 imagenes en container con css3, solo me falta en los costados.


Última modificación: 16 Jan, 2012, 2:04 pm por ZwX.
nocktis21   16 Jan, 2012, 3:24 pm
#5
No, no te taparía de ninguna de las dos formas, solo es cosa de que sepas acomodarlo. En este caso sería mas sencillo recortar parte de la imagen y ponerla dentro de el container repitiendose o mejor aun, solo sacar el código hexadecimal de ese fondo y ponerlo, no veo que lleve algún degradado o algo por el estilo.
#container {
background: url(images/theme/bg_container.png) repeat:
}
Última modificación: 16 Jan, 2012, 3:24 pm por Azagthoth.
Leandro M._mybb_import8828   16 Jan, 2012, 4:34 pm
#6
Hice la imagen con el ancho del container y el borde azul y funciono! pero tube que sacar este codigo que son las imagenes de arriba y abajo qe tenia actualmente para que se vea la imagen del borde

#container {
background: url('http://www.taringacs.net/images/maincontainerbg.gif') left top repeat-x,
url('http://www.taringacs.net/images/maincontainerbg.gif') left bottom repeat-x;
}
nocktis21   16 Jan, 2012, 7:33 pm
#7
Te dije varias formas de hacerlo pero quizás te confundí o algo, prueba así:
#container {
background: #004a95 url('http://www.taringacs.net/images/maincontainerbg.gif') top left repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
Leandro M._mybb_import8828   17 Jan, 2012, 8:52 am
#8
No me funciona tampoco, pareciera que el limite seria de 2 imagenes nada mas, porque cuando intento agregarle otra de cualquier forma me desaparece una, voy a tener que armar la imagen con los pixeles exactos y ponerlo de fondo del container, gracias por su ayuda pueden dar el tema como resuelto
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.