21 diciembre 2012

Nieve muy Sevillista en el fondo del Blog

Decoración Navideña

nieve en el blog
Esta idea de los copos de nieve la he visto en Joshua Johnson, pero le he modificado una imágen para integrar el escudo del Sevilla F.C., consiguiendo así mostrar unos copos de nieve cayendo por el fondo del Blog y además mezclados con unos cuantos escudos del Sevilla F.C., quedando un efecto sensacional.

La nieve y los escudos caen sobre el fondo del blog, evitando que perjudiquen la visibilidad de enlaces y entradas.

Para ponerlo en el fondo de tu blog entra en Plantilla | Edición de HTML y antes de ]]></b:skin> pega esto:

@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#contenedor-nieve {
background-image: url(http://i17.servimg.com/u/f17/13/20/23/83/snow3_10.png), url(http://lh6.googleusercontent.com/-8wOkQAdxfgg/UMefVfmte0I/AAAAAAAADpU/aE4HxfiXD88/s400/snow3.png), url(http://lh5.googleusercontent.com/-fhO2tXwKP9M/UMefVCohCOI/AAAAAAAADpQ/nFVnzK1W0xw/s300/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

Ahora busca la etiqueta <body> o esta linea:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Y debajo de cualquiera de las dos agrega esto:
<div id='contenedor-nieve'>

Por último busca la etiqueta </body> y arriba de ella agrega:
</div>

Guarda los cambios y listo.



Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

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"