Hace algún tiempo conocimos cómo poner luces de navidad al blog. Ahora encontré más opciones de luces de navidad para adornar el blog.

Para implementarlo nos vamos a Escritorio > Diseño > Edición de HTML y antes de </body> pegamos el código que prefiramos. El código que debes copiar es el que está después de cada imagen de muestra.

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();
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 -->

0 comentarios:

Publicar un comentario

Todo comentario se agradece. Unas cuantas palabras siempre nos alegran y nos motivan a seguir adelante.GRACIAS...

 
Top