¿Quieres darle un nuevo look a tu plantilla?
Con este fácil código le colocaremos
un precioso borde que rodee toda la plantilla al completo, dándole así un diferente look a nuestro blog. Para instalarlo nos vamos a a la plantilla, buscamos
</b:skin> y encima pegamos el siguiente código CSS:
#amorwrap {
background: #Ffffff;
width: 970px;
margin: 10px auto 5px auto;
padding: 0;
position: relative;
border-right: 15px solid #840303;
border-left: 15px solid #840303;
border-top: 10px solid #840303;
border-bottom: 15px solid #840303;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: #840303 0px 1px 3px;
}
Ahora, buscamos la etiqueta
<body> y justo debajo de ella pegamos el código HTML siguiente:
<div id='amorwrap'>
Por último, buscamos la etiqueta
</body> y encima pegamos el código HTML siguiente:
</div>
Damos en vista previa, observamos que el borde está bien y guardamos.
Instrucciones para el borde:
El borde está colocado a
960px de ancho, deberéis ver el ancho de vuestro blog para añadir o quitar pixeles.
El ancho de vuestro blog lo veréis en vuestra plantilla bajo el código
#outer-wrapper, y con la etiqueta:
width:???px;
El Borde por defecto va colocado en
color rojo, para modificarlo deberéis cambiar este código:
#840303; por cualquier otro color.
Podéis usar esta
tabla de colores para cambiar el color.
!!!! A DISFRUTARLO !!!
Publicaciones Relacionadas
trucos blog
