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/AVvXsEi2vdaCBRQEnCr9lTWwMaM5vEhwLWwIX7kvtZ69YFd3p1yPckSwxgLnGz07Oasnhh-6QIcLLe6AI91vMwzK81Z07i56se9AKgZ09RHavi72KCRNHc2liY5aXWLhllBrQrg7RwezXMEb4K4/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/AVvXsEi4R6P6WJrRGvt4D4-Hpr3TkExDA2V0cDGjx5XErNd1Vz0tXWcsoQHgg6AJliLNhZXAMIpbqSIZY9A9UUTbukGRiDXs-xgX54naANP4fprOovMyt9irq40ZjLSmYQvxzvHK2wG7H1IRSAk/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/AVvXsEhquV272Jg89up8ADmLXvZG9C5aApIwh2xiKH7L7hyeJ9hWHPUj6sQYOTAMv-nVqEhBRia4KkChX7QPVF9N81tNlWS_Dhx5g_35PBCHa8al_OLdhdeJ_5nuz5JTj0jehsfd__vHieNySMs/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/AVvXsEhkREIClmmePjBnpmvpiFNA_Z2FRWPK1Bj0zFk5cI3QFHLewsdLu418suQVKaYag4ti_6eae2VrWnB77JxtC0FJkdH6JL-9apZNbUQSaS5mx3kU0j53e8Q50mQd_AaBY5q9ccDKHSEqG-s/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/AVvXsEgNR4unOWQqYRrSNXO_lE-ufZOSKEHyYDwRtXgeFux5IP1eAa8rJHzKeNo-MN6keLMKe1xmTEZXEZVahDfuTadCv2d83CmDczbX15EoACv14LfmIZI8HXhrAAdXgnZCYyGKJOowTwRNc2U/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/AVvXsEg4g6KFv8qaeH1p1HA-bC5Siy0teFfOMHHLsnczS-FDVpo33-IxRoZ4KpnZGEbdMfSIYFxkHAnT8IA4mfugJylhyphenhyphenihGiWyVXazXiP4SEJOb4ySBpprkv3mf07SJ_egIPSEsk6tqgE937sI/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/AVvXsEhT6d_eT-wEZ60sZ4RO71H_Y7To6XsJckW9ek6_kvrjSv4ZTBXB9JjmavrJ_TA6W6o_kR8bv0Mmy8BQz_MizCbTb1KXGPWv_KRWjiYMhjnvy04I1yrqm0ONTcvaXu0IW9OOgKyMbUEtm44/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/AVvXsEjhVW0eoEyTq_6kKKTRa90GCo197hGDPqHEiJB5h2gxBTDD5LVM-hlml59pBJSUzIenHEeJETF4n6myjEwTeqYTWkmmTrP_B2f9OI8-9w1qFoVabtbnJ9tQkXgpGjkI_l_1UnAY8fRmwKc/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/AVvXsEjZX5fAzSd6q5jeEnZVGDL1xhDea5hEcYepoxyM6FFio24B7MP0GN_mUpQvfwp4_Mrp64Ua8uUeYZYVPglTIL_jR5fol2EtwelYYMzvpBUhucQgNC4IO75bygWjtKBXULwub8RvuL0EUZY/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/AVvXsEihyAxWDfBB9eSULt461OLyXCf0JroHOhdcxuXQGKJeUeG93-4dWqekBDLCtC9kuY3Lnj3qBP8X-LBTOyBnSUxHp4v8NcHHh12OzXp0JbSUao1lkw6KXV26TioKz2spUuh2hjXpNhfbbWM/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.
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.
Fuente : http://ciudadblogger.com/
No hay comentarios:
Publicar un comentario