Luces de colores o navideñas para tu blog



Si queréis que aparezca arriba del todo del blog, tenéis que ir a Plantilla, Editar HTML y antes de </body> pegar el código. (cuando ya no queráis que salga, lo borráis). Si queréis que suba y baje conforme lo hacéis vosotros con la página (que sean flotantes), debéis cambiar: position:absolute por position:fixed



<!-- Luces de Navidad estilo dibujo -->
<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 estilo dibujo-->
---------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad pequeñas -->
<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 estilo Arbol pequeñas -->
<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 Navidadestilo Arbol -->
----------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad Ovaladas-->
<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 Ovaladas -->
-----------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad Puntiagudas -->
<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 Puntiagudas -->

--
Probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!


No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...