División activa: Shutdown
Para postular, solo contesta al formulario que aparece en pantalla.

Podrás acceder a los apartados del foro más abajo.

División activa: Shutdown

Servidor actual: VortexRO
 
ÍndiceÍndice  RegistrarseRegistrarse  ConectarseConectarse  
¡¡ Follow us !!



VortexRO

Comparte | 
 

 ¿Cómo has... echo que el fondo del foro cambie según la hora del dia?

Ir abajo 
AutorMensaje
Globo
Administrador
Administrador
avatar

Nacionalidad : España Masculino Mensajes : 672
Fecha de inscripción : 30/07/2011
Edad : 26

MensajeTema: ¿Cómo has... echo que el fondo del foro cambie según la hora del dia?   Mar 5 Feb - 5:33

Paso por paso;

- Accedes al panel de administrador

- Clicas sobre MODULOS (asegúrate de tener clicado el modo AVANZADO)

- Abajo del todo, clicas sobre Gestión de códigos JAVASCRIPT

- Seleccionas CREAR NUEVO JAVASCRIPT

- Todas las páginas

- Inserta el siguiente código

Código:
$(function() {

         
          var selector_css = "body";
          var imagen_se_repite = false; 
         
          var horario_inicio = new Array();
          horario_inicio["mañana"] = 5; 
          horario_inicio["tarde"] = 12;
          horario_inicio["noche"]= 21;     
         
          var imagenes = new Array();
          imagenes["mañana"] = "http://www.katasharya.com/wp-content/uploads/2013/01/sunshine.jpg";
          imagenes["tarde"] = "http://miriadna.com/desctopwalls/images/max/Follow-the-sun.jpg";
          imagenes["noche"] = "http://www.wall321.com/thumbnails/detail/20120530/dream%20night%20clouds%20moon%201600x900%20wallpaper_www.wall321.com_51.jpg";


         
         
          var horaActual = (new Date()).getHours();
          var imagen = "";
          if(horaActual >= horario_inicio["mañana"] && horaActual < horario_inicio["tarde"]){
              imagen = imagenes["mañana"];
          }else if(horaActual >= horario_inicio["tarde"] && horaActual < horario_inicio["noche"]){
              imagen = imagenes["tarde"];
          }else if(horaActual >= horario_inicio["noche"] || horaActual < horario_inicio["mañana"]){
              imagen = imagenes["noche"];
          }
         
          if(imagen_se_repite){
              $(selector_css).css("background", "url(" + imagen + ") repeat");
          }else{
              $(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"});
          }
    });

- Edita las líneas donde veas enlaces entre comillas para cambiar el horario según la hora, así como tambien puedes editar los horarios;
Citación :
horario_inicio["mañana"] = 5;
horario_inicio["tarde"] = 12;
horario_inicio["noche"]= 21;
Dichos horarios estan en formato 24h, es decir 5, es 05:00am, 21 son las 21:00 pm (las 9 de la noche).

- Registra el JAVASCRIPT

- ¡¡ Pruébalo !!

_________________
Volver arriba Ir abajo
Ver perfil de usuario http://www.teamprivilege.com
 
¿Cómo has... echo que el fondo del foro cambie según la hora del dia?
Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
División activa: Shutdown :: Sección de Invitados :: Temas generales :: Tutoriales :: ¿Como has...?-
Cambiar a: