sombra de bordes como este foro! cómo?

Si yo se que soy re pesada pero quisiera saber como se hace ese efecto de sombrita que se va a los costados de este foro

Mas info aquí
Y de paso, date una vuelta por este otro sitio.

No no es eso, es como hacer la sombra que se ven en los bordes.

Eso se hace con divs y css. Aqui se usa el div de contenido, mas 2 div, uno arriba y otro abajo.
HTML:

Código :

<div id="arriba"></div>
      <div id="contenido">
              <p>Hola</p>
       </div>
<div id="abajo"></div>

CSS


Con esto, si sabes cuanto espacio ocupará el contenido, puedes hacerlo. haces los dos degradés y que se separen por el ancho del contenido. Obtendrías algo como esto. Ahi tienes la sombra a los costados. Despues creas un degradé para arriba y abajo, una imagen de 1x5, una con el degradé hacia arriba y la otra hacia abajo.

Vas poscicionando y listo! Tienes un lindo contenedor con bordes en degradé.

Con CSS3 vamos a tener la posibilidad de poner bordes con imágenes, pero de aqui a aque sea completamente implementado

muchas gracias!! esto era lo que buscaba, espero lograrlo! lo que no entiendo muy bien si es que hago el png y sólo pongo el codigo y ya esta? o una vez hecho el png, hago una div y despues inserto el codigo... disculpa si son detalles tontos pero recien empiezo en esto jeje.
MIL GRACIAS de vuelta

Solo tienes que escribir el tamaño de los divs y si es necesario, poscicionarlos con margin o top y left. Creo que talvez debas usar imagenes enteras en las smbras de arriba y abajo, y no el repeat-x.

rizome escribió:

GRACIAS COLEGAS