Elementos decorativos Navidad

  • Autor Autor Usuario eliminado 214393
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 214393

Hola a @todos:
Me gustaria que con Javascript se pudiera visualizar unos elementos,
si esta dentro del 24/12 de cualquier año al 06/01 de cualquier año se visualizen y si no se ocultan.
Pero yo no se javascript, alguien puede ayudarme...😉😉. Para ponerlo en un html al principio.

CODIGO FUENTE

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-...AAAAAAAB_Y/oZAKIIvxRa0/s435/luces%25209.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

URL PINCHA AQUI

EL CODIGO DE ANTES ES PARA QUE APAREZCA ARRIBA Y ABAJO DEL CODIGO HTML
 
Hola a @todos:
Me gustaria que con Javascript se pudiera visualizar unos elementos,
si esta dentro del 24/12 de cualquier año al 06/01 de cualquier año se visualizen y si no se ocultan.
Pero yo no se javascript, alguien puede ayudarme...😉😉. Para ponerlo en un html al principio.

CODIGO FUENTE

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://lh4.googleusercontent.com/-T2mr4hYEJt8/TuuwZfwTgvI/AAAAAAAAB_Y/oZAKIIvxRa0/s435/luces%25209.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

URL PINCHA AQUI

EL CODIGO DE ANTES ES PARA QUE APAREZCA ARRIBA Y ABAJO DEL CODIGO HTML

Este pequeño codigo que hice te puede servir, pero debes agregarle un display none a los divs asi:
HTML:
<!-- Reemplaza este: -->
<div class='luces'></div>
<!-- Reemplaza por este: -->
<div class='luces' style="display:none"></div>
Y agregas el código javascript antes del </body>, si usas blogger puedes agregarlo en un widguet html
HTML:
<script type="text/javascript">
var f = new Date();
var y = f.getFullYear();

var f1 = new Date(Date.parse(y +"-"+ 12 +"-"+ 24));
var f2 =  new Date(Date.parse((y+1) +"-"+ 1 +"-"+ 6));
var adornos = document.querySelectorAll(".luces");
var fActual = new Date();

if(fActual >= f1 && fActual <= f2 ){

    for (i = 0; i < adornos.length; i++) {
        adornos[i].style.display = "block"
    }
}

</script>

Te explico rapido, este código, lo que hace es comparar entre las fechas que indicas y la fecha actual, y después selecciona todos los elementos que tengan la clase "luces", y les da un display block, para que sean visibles en pantalla. en caso que la fecha actual no coincida con las indicadas, el código no hará nada, y los adornos no se mostrarán.
 
Atrás
Arriba