Widget com hora oficial em tempo real

2 participantes

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

Tópico resolvido Widget com hora oficial em tempo real

Mensagem por Anderson_WondeR 21.07.16 4:10

Detalhes da questão


Endereço do fórum: http://www.brasilplaycarbon.com/
Versão do fórum: PhpBB3

Descrição


Olá denov rs bom a alguns dias atraz vi um tutorial aqui no forum
onde adiciona um windget com informações do horario porem eu optei por pegar
so o codigo do windget e não java agora fui olhar nos Tutoriais e não achei mais
Do que estou falando:
http://www.brasilplaycarbon.com/
Anderson_WondeR

Anderson_WondeR
****

Membro desde : 16/07/2015
Mensagens : 233
Pontos : 410

http://www.brasilplaycarbon.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com hora oficial em tempo real

Mensagem por while 21.07.16 4:17

Olá, não lembro ter um tutorial sobre isto... apenas alguns tópicos que foram resolvidos e por acaso não achei também.... mas, como eu postei isto no meu fórum, fica fácil né...

Troque o valor do widget por este (sem o uso de tabletype):

Código:
 
<p>
                      <style>#time {
    font-weight: 800;
}
div#widgetladoesquerdo {
z-index: 1;
position: fixed;
left: 12px;
background: #FFF none repeat scroll 0% 0%;
padding: 5px;
text-align: center;
border: 1px solid #B6B6B6;
border-radius: 6px;
bottom: 10px;}div#horaupforum {height: 75px;width: 85px;}.displaynoneup{display:none;}div#widgetsubTOP img {margin-top: 10px;width: 35px;margin-left: 24px;}</style><script>jQuery(function(){
  var selector_css="div#horaupforum";
  var imagen_se_repite=true;
  var horario_inicio=new Array();
  horario_inicio["mañana"]=6;horario_inicio["tarde"]=12;horario_inicio["noche"]=20;
  var imagenes=new Array();
  imagenes["mañana"]="http://i.imgur.com/EgsQJjq.jpg";imagenes["tarde"]="http://i.imgur.com/WdnPjNL.jpg";imagenes["noche"]="http://i.imgur.com/GAT86pA.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){
              jQuery(selector_css).css("background","url("+imagen+") no-repeat 50% 0")}
              else{jQuery(selector_css).css({
                  "background-image":"url("+imagen+")","background-repeat":"no-repeat","background-size":"cover"}
                  )}
                  });
</script>         
</p>
                 
<div id="widgetladoesquerdo">
                                                                                                         
  <div style="background: url(http://i.imgur.com/WdnPjNL.jpg) 50% 0px no-repeat;" id="horaupforum">
                                                                                                                 
  </div>
                              <span id="time"></span>                                                                                                                       
</div>
                   
E crie um novo javascript com investimento em todas as paginas com esse código:

Código:
function updateClock(){var now=new Date(),time=now.getHours()+':'+now.getMinutes()+':'+now.getSeconds();$('#time').html(time);setTimeout(updateClock,1000)}updateClock();

Com este javascript a hora passa a serem tempo real.

Resultado: http://img.prntscr.com/img?url=https://i.imgur.com/Jvn69RY.png
Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com hora oficial em tempo real

Mensagem por Anderson_WondeR 21.07.16 4:22

Nossa cê falando ae agora que lembrei que tinha visto foi em seu fórum mesmo kk
Resoltado perfeito Obg Rosa
Anderson_WondeR

Anderson_WondeR
****

Membro desde : 16/07/2015
Mensagens : 233
Pontos : 410

http://www.brasilplaycarbon.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com hora oficial em tempo real

Mensagem por while 21.07.16 4:25

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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