viernes, 16 de diciembre de 2011

Más luces de Navidad para el blog

Sí, ya sé que ya habíamos visto cómo poner luces de Navidad en el blog, pero Vicky muy amablemente nos ha compartido sus imágenes y no me pude resistir a compartirlo también con ustedes, pues sé que muchos gustan de la variedad. Y si de variedad de trata pues aquí hay 10 luces de Navidad que podemos usar para decorar el blog en estas fiestas.

Las luces quedarán arriba del blog, y sólo hay que entrar a la Edición HTML de la plantilla y agregar antes de </body> el código que las luces que prefieras:

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbApiOXjBhQQw5tq_xIlm8injh7cj-ua42DkwVYxHP5dOaYL87SQ0Tv3qVDvbl_UF4fpiHUJlGZObY7duvOVdEQrXV3w7-UPHO0Ts0j7vzvJlp9WvLSjBWLl8jB06E6NOYVRxLmHVw5b8/s435/luces%2525209.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVPlMokY8sEpIzw7azGmIUMfpy9saMcMUbcGHY1g0W11ykhOXOkmhQLeaOqzu2YqQi1Qjlooh_xTz0E0IIuvOzur8z5SlLTqiWwiKRiQ39QMLZhlhzfkh-XkNIAXosjE2FltYJjuJYAM/s457/luces%25252010.gif);
background-repeat:repeat-x;
height:32px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjibLm7K7Fi-IE3Su7MYRPZFH5_aTAZwDckUzN0VjWCiMX5OezlLD9YnnfcPKsZLXenvspYV619YIHMIrwHHn1t3MtbhILoNeUZLV-NKF4ihK19qrni9gUCeEEHGKKuygU9zfaT6xpRHxY/s500/luces%25252012.gif);
background-repeat:repeat-x;
height:47px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJvUQxrzE4sxd50ZEhJYfhUyuhs43yu6PFIvz4WGtAiQg9NC8LBxU-JqTYTY37GFs7z6kLKn7pYsiljxC743eiIg4b2U57TfSXw74OnNtMPhSrG28k6kaADx7wUS8bDzOCVR-U2nJfX4/s628/luces%25252014.gif);
background-repeat:repeat-x;
height:48px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiYBfMYxzAVxkENH10O6q3t1IAGgkyTx-4YVlFP_UCCWlhpym9EYU6slL8A6l30Xr-LYQ2M-mFaOrt2gHYdPf9Vsf-2fzo6VEtT2KOUc7oeUyvV6T8RVXPq91eeYhS5uk0YplGfSdCNk/s80/luces%25252015.gif);
background-repeat:repeat-x;
height:20px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXIosebu1_bNip2ozQOS8j_wyWS9efY2QNaM-5c1PE_8VNyOU5djRX6pI-e6sSVSrJtpLjMYHC5MGOCl83nz_jY8Zy3KZZVk1u7DZk6E3VwKVwm4oQ3hSDPiOLiJU-TC1XnuDMtaP4pQc/s360/luces%25252017.gif);
background-repeat:repeat-x;
height:21px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis-_KnFWY4uNGgHah-i2Ca88uAf9G-k9d8LY9hCCmUGoFIyySZ4-33M1pTwgJgH7kWge9oXhop4Rz0WgjQH4vL-bzdKnCKN8AOpC3Nv0rLbjYdWKZfBPBsuNO6kNAr_q9hCdB1DdKa0MI/s204/luces%25252036.gif);
background-repeat:repeat-x;
height:69px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3hSSm1PqtLNHadjVknLreMft7C8vhI9O-qoyBw9Ez4GQzjQzqoH5cFe-JVWzxMPvmHrsuUz0P6Wt_iUiWAf420rizt7BZKPeuzliXdiGzvqCrKQxvJ8MwGe1wpFB2zMnvEeZY0ZOc24/s123/luces%25252037.gif);
background-repeat:repeat-x;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz58HE_bwJOMI1FkIaDW1pXmG_L2kxGHxfwG08p2F2zIByr0pIDJO86g5ZC8n2WcX5qrUrVVfucztL3h0axI_Cxynxeg3ymScRCifdjicxz2JXQqjXSBrrX_G-cx7YcX1-NFvJ9jVh9_k/s333/luces8.gif);
background-repeat:repeat-x;
height:45px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->


<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_vpmLlKh0K1eL4hF-ATDHbw576oq7SdNRea2jXvSmDOYqWRE9JOb-ezjx-o0_VIQe7u2JB1JcSQ1vOLUnZM8uHmat0PgcilGznoYgbe75Rpwwtlr-1BjUOXQf0P6bwvkMTtqTsokXz1M/s129/luces7.gif);
background-repeat:repeat-x;
height:43px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

Si quisieras que las luces fueran flotantes sólo cambia position:absolute; por position:fixed; para que las luces de Navidad sean visibles aun cuando se baje la página.

Y cuando acaben las fiestas decembrinas, o se te pase el espíritu navideño (lo que pase primero), sólo quita ese código y se habrán apagado las luces.

No hay comentarios:

Publicar un comentario