SnippetsBorde y sombra para plantillas prosilver

Ese foro es para snippets, pequeños mods, no suficiente grandes para ser Mods

Moderators: Carlos, Soporte en MODs, Soporte en phpBB

Previous topicNext topic
User avatar
Carlos
Admin
Admin
Posts: 159
Joined: 17 Jun 2012 01:01:50
Bandera: Mexico
Nombre real: Carlos

Borde y sombra para plantillas prosilver

Post by Carlos »

[align=center]Borde y sombra para plantillas prosilver
Abre el archivo styles/tuestilo/theme/colours.css y busca:

Code: Select all

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

Code: Select all

html, body {
	color: #536482;
	background-color: #D5D6D7; /* Pon el color que te guste */
}
Ahora abre el archivo styles/tuestilo/theme/common.css y busca:

Code: Select all

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

Code: Select all

#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.[/align]

fuente
[mod=Carlos]Recuerda poner tus datos de soporte antes de pedir ayuda! Asi nos evitamos dramas y te ayudamos rapido [/mod]
Previous topicNext topic

Return to “Snippets”