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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

» Botões de ação
Hoje à(s) 4:01 por iScroll

» Aparência do fórum
Hoje à(s) 2:56 por Cream

» Botão com ícones do font awesome
Hoje à(s) 2:41 por Cream

» Sistema de reputação do fórum
Hoje à(s) 2:34 por Holkis

» Separar rank e campos do perfil
Hoje à(s) 2:16 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
Mr.Probz
 
iScroll
 
Sennior
 
Cepheus
 

Quem está conectado
81 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 75 Visitantes :: 3 Motores de busca

-xGabriel.., Cream, GollD, Holkis, iMont, iScroll

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 21 Jul 2016 - 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
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 211
Pontos Ativos : 804

http://www.brasilplaycarbon.com/

Resolvido Re: Widget com hora oficial em tempo real

Mensagem por while em Qui 21 Jul 2016 - 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=http://i.imgur.com/Jvn69RY.png
Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2496
Pontos Ativos : 3639

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 Qui 21 Jul 2016 - 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
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 211
Pontos Ativos : 804

http://www.brasilplaycarbon.com/

Resolvido Re: Widget com hora oficial em tempo real

Mensagem por while em Qui 21 Jul 2016 - 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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2496
Pontos Ativos : 3639

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5