04 noviembre 2012

Colocar borde alrededor de todo el BLOG


¿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 !!!

1 comentarios :

Como siempre, muy buen consejo.
Saludos.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"