Bem, você JS fez um código java para mim, que muda a cor do link quando o mouse está sob o mesmo, code abaixo:

Código:


$(function () {
    var today=new Date();
    var h=today.getHours();
    var colorOld = $('.pun a').css('color'); /* Saves the old color... */

    if(h > 5 && h < 12) { /* Manhã... */
        $('.pun a').hover(function(){$(this).css('color', '#00A3E2');}, function(){$(this).css('color', colorOld);});
    }
    if(h > 12 && h < 21) { /* Tarde... */
        $('.pun a').hover(function(){$(this).css('color', '#AD5300');}, function(){$(this).css('color', colorOld);});
    }
    if(h > 21 && h < 5) { /* Noite... */
        $('.pun a').hover(function(){$(this).css('color', '#0045AD');}, function(){$(this).css('color', colorOld);});
    }
});


mas estava testando o mesmo e fez alguns problemas no menu, menu lateral e grupos..

Consegui resolver todos, exceto o problema dos grupos, veja como está..



Agora veja como fica depois de passar o mouse sobre o mesmo..



Note que as cores dos grupos mudaram, ficando em preto total, o que seria meio prejudicial na identificação dos grupos, sendo necessária a atualização da pagina para as cores voltarem ao normal...

Quando desativo o java, citado acima, volta tudo ao normal, mas gostaria do efeito que o mesmo faz...

Teria como ajustar?

Olá amigo!

Estou fazendo testes em seu fórum e retornarei assim que concluir ok?
Estou aperfeiçoando o código para ficar mais consistente e estável!

Abraços,

JS

ok meu chapa.... sem pressa...

Teste a seguinte alteração:

Código:


$(function () {
    var today=new Date();
    var h=today.getHours();
    var colorOld = $('.pun a').css('color'); /* Saves the old color... */

    if(h > 0 && h < 13) { /* Manhã... */
        $('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#0000FF');}, function(){$(this).css('color', colorOld);});
    }
    if(h > 12 && h < 18) { /* Tarde... */
        $('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#800000');}, function(){$(this).css('color', colorOld);});
    }
    if(h > 17 && h < 23) { /* Noite... */
        $('.pun a:not(".gensmall")').hover(function(){$(this).css('color', '#000080');}, function(){$(this).css('color', colorOld);});
    }
});


JS

poderia me explicar o esquema de horas... tentei mudar, mas não resultou...

gostaria que fosse assim..

manha:

00:01 até as 12.
12:01 até as 18.
18:01 até as 00

Dar para deixar assim?

Vamos tentar organizar as coisas?

Primeiro responda se resolveu o problema inicial pois lhe explicar o esquema de horas não era o foco da questão!
Segundo: Quando abrir um tópico tenha certeza de postar tudo o que deseja para solucionar o seu problema!

JS

Sim, ambos já foram solucionados... Já consegui descobrir como arrumar as horas...

Valeu por tudo meu caro JS...