Borde y sombra para plantillas prosilver
La idea de esta guía es realizar algo así:
Abre el archivo
styles/tuestilo/theme/colours.css y busca:
Código:
html, body {
color: #536482;
background-color: #FFFFFF;
}
Cambialo por:
Código:
html, body {
color: #536482;
background-color: #D5D6D7; /* Pon el color que te guste */
}
Ahora abre el archivo
styles/tuestilo/theme/common.css y busca:
Código:
#wrap {
padding: 0 20px;
min-width: 650px;
}
Cambialo por:
Código:
#wrap {
min-width: 650px;
width: 80%; /* Pon el ancho que prefieras, ya sea % ó px */
margin: 0 auto;
padding: 10px;
border: 1px #CCC solid; /* Pon el tamaño del borde y el color que te guste */
border-radius: 6px; /*Borde redondeado de las esquinas*/
box-shadow: -5px -5px 10px #b0b0b0,
5px -5px 10px #b0b0b0,
-5px 5px 10px #b0b0b0,
5px 5px 10px #b0b0b0;/*Todo esto es para dar sobra en las 4 esquinas.*/
background-color: #FFFFFF;
}
Luego de eso recuerda actualizar el tema desde el ACP.
Esta guía contiene etiquetas de CSS3, así que los navegadores muy antiguos como IE6, no van a reconocer el borde redondeado y las sombras.
Tutorial creado por Alorse-
http://phpbb.alorse.net/