[Tutoriales] Poner un decorado en el blog
Si os gusta, lo único que tienen que hacer es ir a Plantilla>Editar HTML> Y buscar (Ctrl+F) ]]></b:skin>. Y justo antes, deben pegar el siguiente código e ir editando lo que explico a cada lado de los códigos:
html::before {Y eso es todo! Espero que os sirva el tutorial!!
content: '';
display: block;
position: fixed;
top: 10px; /*Este es el margen de arriba, si lo quieres tener abajo, cambia top, por bottom*/
left: 10px;/*Este es el margen de la izquierda, si quieres que esté a la derecha, cambia left por right*/
width: 200px;/*Este es el tamaño en el que estará la imagen, ve aumentandolo si la imagen te sale cortada, pero tienes que hacerlo proporcionadamente con el numero de abajo*/
height: 200px;
background: url(URL_DE_LA_IMAGEN) no-repeat center center;/*Esta es la url de la imagen, cámbiala por al tuya, si quieres que la imagen se repita varias veces, cambia no-repeat, por repeat*/
background-size: 100%;/*Este es el tamaño de la imagen, si la quieres más grande, aumenta el número, si la quieres más pequeña, disminuye el número*/
margin-bottom: -200px; /*Este margen sirve para acercar la cabecera. Al poner esto en el Html, la cabecera puede bajarse, así que ve aumentando o disminuyendo el número a tu gusto*/
z-index: 99;
}
Beshus y hasta mañana!!
Genial tuto ^3^
ResponderEliminarBeshus <3
Gracias por el tutotial!! Me ha parecido muy útil!
ResponderEliminarBeshos!
Super chulo el tutorial.
ResponderEliminarGracias por compartirlo.
Besos
Hola!! Lindo tutorial y bastante facil!! Bechoo ^3^
ResponderEliminarHola! te venía a decir que ya está el 8: http://losproblemasotaku.blogspot.com.es/2015/07/fanfic-capitulo-8.html
ResponderEliminarBeshos!