Jump to content

Poner un marco con sombra en tu plantilla [SOLUCIONADO]


rafarrc

Recommended Posts

Hola,

 

Estoy intentando poner en mi plantilla un marco sombreado, un recurso que se utiliza mucho ahora.

 

Esta es la plantilla:

http://www.baratronic.com/

 

Y la quiero dejar así:

post-306600-0-10440900-1328998140_thumb.jpg

 

Se me ocurre utilizar una shadowbox así:

box-shadow: 3px 3px 10px 5px #000;

 

¿Donde tengo que poner esto para que enmarque el contenido central?

 

Espero la respuesta, muchas gracias.

small-logo.png

Link to comment
Share on other sites

Hola,

 

Estoy intentando poner en mi plantilla un marco sombreado, un recurso que se utiliza mucho ahora.

 

Esta es la plantilla:

http://www.baratronic.com/

 

Y la quiero dejar así:

post-306600-0-10440900-1328998140_thumb.jpg

 

Se me ocurre utilizar una shadowbox así:

box-shadow: 3px 3px 10px 5px #000;

 

¿Donde tengo que poner esto para que enmarque el contenido central?

 

Espero la respuesta, muchas gracias.

Prueba en el global.css por ejemplo en la regla #page añadir esto:

 

 

border: 1px solid #000000;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

  • Like 1
Link to comment
Share on other sites

Ok funciona muy bien pero ocupa tambien la cabecera. Para que qude como en la imagen...

 

Tengo que crear otra clase para enmarcar todo menos la cabecera?

 

Saco a la cabecera del <page>?

 

Un saludo

Tendras que editar tu plantilla, y colocar un div dentro del contenedor, que englobe todo menos la cabecera, y meter lo que te comente arriba en una clase que asignes a tal div.

 

Un saludo

Link to comment
Share on other sites

Tendras que editar tu plantilla, y colocar un div dentro del contenedor, que englobe todo menos la cabecera, y meter lo que te comente arriba en una clase que asignes a tal div.

 

Un saludo

 

¿Donde puedo encontrar un archivo para encajar todo esto?

 

¿Existe alguno de este estilo?

<page>
 <top>
 </top>
 ....
</page>

 

No consigo hacerlo.

 

Gracias por la pronta respuesta anterior.

Link to comment
Share on other sites

 

¿Donde puedo encontrar un archivo para encajar todo esto?

 

¿Existe alguno de este estilo?

<page>
 <top>
 </top>
 ....
</page>

 

No consigo hacerlo.

 

Gracias por la pronta respuesta anterior.

small-logo.png

 

A ver, como dices que no quieres que encapsule la cabecera el borde redondo, tienes que ir editando los tpls de tu plantilla, por ejemplo en el header.tpl despues de que nombres a la cabecera metes un div, y en footer.tpl cierras ese div, y a ese div le aplicas el estilo.

Link to comment
Share on other sites

A ver, como dices que no quieres que encapsule la cabecera el borde redondo, tienes que ir editando los tpls de tu plantilla, por ejemplo en el header.tpl despues de que nombres a la cabecera metes un div, y en footer.tpl cierras ese div, y a ese div le aplicas el estilo.

 

Vale, ahora queda entendido.

 

Gracias de nuevo

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...