Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» "Bem-vindo ao fórum de..."
Hoje à(s) 01:14 am por GSCode

» Formulário de postagem 2.0 não está postando
Hoje à(s) 01:09 am por [SRD]JimClark

» [PEDIDO] Brasão de Armas
Hoje à(s) 12:44 am por Igor6

» Existe um modo?
Ontem à(s) 11:45 pm por SetRaiden

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 09:29 pm por William_iHarDz

» Personalizar cabeçalho
Ontem à(s) 09:09 pm por iScroll

» Caixa de Login
Ontem à(s) 09:05 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
276 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 271 Visitantes :: 2 Motores de busca

[SRD]JimClark, Bruninho._, GSCode, Lily Vendramini, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Widget com hora oficial em tempo real

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

Resolvido Widget com hora oficial em tempo real

Mensagem por Anderson_WondeR em 21/07/16, 12:10 am

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/
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Widget com hora oficial em tempo real

Mensagem por while em 21/07/16, 12:17 am

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=http://i.imgur.com/Jvn69RY.png
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

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

Resolvido Re: Widget com hora oficial em tempo real

Mensagem por Anderson_WondeR em 21/07/16, 12:22 am

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

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Widget com hora oficial em tempo real

Mensagem por while em 21/07/16, 12:25 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum