[TUTORIAL] Alterar a cor do link de acordo com a hora do dia
Página 1 de 1 • Compartilhe
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
[TUTORIAL] Alterar a cor do link de acordo com a hora do dia
![]() | 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
Alterar a cor do link de acordo com a hora do dia
1º - 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);});
}
});
2º - 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 u38996 - [TUTORIAL] Alterar a cor do link de acordo com a hora do dia Painel13](https://i.servimg.com/u/f46/17/36/33/20/painel13.png)
![]() | ![]() |
![]() | ![]() 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) |
![]() | ![]() |
![]() | ![]() |
Resultados | |
Antes e depois | |
![:copyright: ©️](https://cdn.jsdelivr.net/emojione/assets/png/00a9.png?v=2.2.7)
![]() | Se 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 |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Ocultar elemento de acordo com o link da página
» Alterar link
» Alterar cor dos link
» Alterar ícones do link dos sub-fórum
» É possível alterar o link do fórum?
» Alterar link
» Alterar cor dos link
» Alterar ícones do link dos sub-fórum
» É possível alterar o link do fórum?
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos