Como agregar imagen en borde del container

URL del foro: http://leazo.fthostz.com.ar/foros/
Versión del foro: 1.6.4
Actualización: Ninguna

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.

Tienes alguna imagen de cómo estaba antes? Es que yo no recuerdo...

Puedes agregar una imagen con el ancho de el foro ya con las imágenes en los costados y hacer algo así:

CSS:

Código:
#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.

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.

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.

Código:
#container {

background: url(images/theme/bg_container.png) repeat:

}

Última modificación: 16 Jan, 2012, 3:24 pm por Azagthoth.

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

Código PHP:
#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;
} 

Te dije varias formas de hacerlo pero quizás te confundí o algo, prueba así:

Código:
#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;

}

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