Página 1 de 1

Borde y sombra para plantillas prosilver  Tema Solucionado

Publicado: 13 Oct 2014, 20:40
por Alorse
Borde y sombra para plantillas prosilver
La idea de esta guía es realizar algo así:
Imagen
Abre el archivo styles/tuestilo/theme/colours.css y busca:

Código: Seleccionar todo

html, body {
	color: #536482;
	background-color: #FFFFFF;
}
Cambialo por:

Código: Seleccionar todo

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: Seleccionar todo

#wrap {
	padding: 0 20px;
	min-width: 650px;
}
Cambialo por:

Código: Seleccionar todo

#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.

Este Artículo lo hice yo (Alorse), así que si lo quieres sacar de esta web, respeta la Autoria y cita la página exacta de donde lo sacaste, osea esta.