[TUTORIAL] Alterar a cor do link de acordo com a hora do dia

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Principal Contribuidor

[TUTORIAL] Alterar a cor do link de acordo com a hora do dia Empty [TUTORIAL] Alterar a cor do link de acordo com a hora do dia

Mensagem por nikka 07.11.13 15:40


       [TUTORIAL] Alterar a cor do link de acordo com a hora do dia Theme

     Alterar a cor do link ao passar o mouse

Neste tutorial, aprenderemos como personalizar o seu fórum ainda mais de acordo com a hora do dia, especificamente, trabalhando com a cor de links em seu fórum ao se passar o mouse sobre eles.


     
--> Tutoriais, dicas e astúcias <--
        Alterar a cor do link de acordo com a hora do dia


- Conhecendo o código:
     
Código:
      $(function () {
                    var today=new Date();
                    var h=today.getHours();
                    var colorOld = $('a').css('color'); /* Saves the old color... */

                    if(h > 0 && h < 13) { /* Manhã... */
                        $('a').hover(function(){$(this).css('color', '#0000FF');}, function(){$(this).css('color', colorOld);});
                    }
                    if(h > 12 && h < 18) { /* Tarde... */
                        $('a').hover(function(){$(this).css('color', '#800000');}, function(){$(this).css('color', colorOld);});
                    }
                    if(h > 17 && h < 23) { /* Noite... */
                        $('a').hover(function(){$(this).css('color', '#000080');}, function(){$(this).css('color', colorOld);});
                    }
                });
Color: Deverá alterar o número que segue esse termo por uma cor de sua preferencia; Exemplo: #0000FF

- Aplicação do código:
Para isto você terá de ter um pouco de conhecimento com a Folha de estilos JavaScript, aceda a:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão dos Códigos JavaScript
     
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia Painel13

                             
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 110111SetaTítulo - Correspondente ao nome da página JavaScript/jQuery que será criada.
                             

[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 110210SetaLocalização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
       No índice: O código será aplicado ao índice do fórum.
       No portal : O código será aplicado ao Portal do fórum.
       Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
       Sobre os temas : O código será aplicado aos tópicos do fórum.
       Na galeria : O código será aplicado na sua Galeria de imagens.
       Em todas as páginas : O código será aplicado em todas as páginas do fórum. (Marque esta opção)
                             
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 110310SetaCódigo JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.
                             

[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 110410SetaHabilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.
  - Resultado:


Resultados
Antes e depois
Antes
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 21378591618
Depois
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia 171378591673
     



©️ Fórum dos Fóruns & JScript


     



[TUTORIAL] Alterar a cor do link de acordo com a hora do dia Act_bottomSe tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
       Alterar a cor do link de acordo com a hora do dia
nikka

nikka
Principal Contribuidor
Principal Contribuidor

Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos