viernes, 23 de diciembre de 2011

Luces de Navidad para 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://lh4.googleusercontent.com/-T2mr4hYEJt8/TuuwZfwTgvI/AAAAAAAAB_Y/oZAKIIvxRa0/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://lh5.googleusercontent.com/-4L1A9tG4vHc/TuuwZRNQ26I/AAAAAAAAB-k/lDA3666E5uE/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://lh6.googleusercontent.com/-0-h4Co-Y-nI/TuuwZct5hrI/AAAAAAAAB-g/RKjXYFZwlHY/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://lh3.googleusercontent.com/-g4LRLJTSV3E/TuuwZmeBDjI/AAAAAAAAB-o/sho0cRFKPv4/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://lh3.googleusercontent.com/-btYyJ5YKqcY/TuuwZnORn4I/AAAAAAAAB-w/VvQ1ENrno58/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://lh4.googleusercontent.com/-oWP1NAyTkQM/TuuwZ2SBE-I/AAAAAAAAB-0/vEosMklZ_X4/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://lh6.googleusercontent.com/-FObwsgxVKrY/TuuwaGBmzOI/AAAAAAAAB-4/C_n2bIXZdnI/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://lh4.googleusercontent.com/-8Trl41cfaRM/TuuwadQXvgI/AAAAAAAAB_A/BGsjhI3HEoc/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://lh5.googleusercontent.com/-5PuEtT6o14Y/Tuuwcxm-LXI/AAAAAAAAB_g/dcA_oWSSpUM/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://lh4.googleusercontent.com/-RpQcK1iYEhU/TuuwgMVcdAI/AAAAAAAAB_w/m6ExlYcBqho/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.

Related Posts Plugin for WordPress, Blogger...