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:17 por iScroll

» [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 :: 7 usuários cadastrados, Nenhum Invisível e 74 Visitantes :: 3 Motores de busca

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

[ Ver toda a lista ]


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

Mudar fundo conforme hora do dia

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

Resolvido Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Ter 13 Set 2016 - 15:05

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com/forum
Versão do fórum: PunBB

Descrição


Eu gostaria de coloca esse efeito Customize header para que o usuário possa escolher a imagem de fundo que deseja.

Vi neste fórum: http://ipsfocus.net/4x/

Quando aperta na câmera, aparece as imagem, e quando aperta na imagem ela oculta.

http://imgur.com/a/CXFqv

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por while em Ter 13 Set 2016 - 16:21

Olá autor, esse fórum é IPB por isto possui algo como isto, não disse que não é possível fazer isto, pelo contrário é sim possível.

Mas, não ficará exatamente igual, mas deixo uma outra sugestão, veja esses tópicos:
http://ajuda.forumeiros.com/t22290-tutorial-logo-aleatorio
http://ajuda.forumeiros.com/t104934-tutorial-como-transformar-seu-banner-em-um-slide-show

Não deixe também de ver nossa Lista de tutoriais
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: Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Qua 14 Set 2016 - 14:03

Teria algo mais parecido com o da minha print?

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por Cream em Qua 14 Set 2016 - 15:06

Olá autor,

Infelizmente o mais próximo do que o senhor deseja já foi enviado por while em sua resposta (observe os links que o mesmo passou).

Lamento.
Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7946
Pontos Ativos : 13023

http://ajuda.forumeiros.com

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Qua 14 Set 2016 - 15:26

Teria alguma maneira de mudar a imagem de fundo, os links fornecido por ele, muda o banner.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por Cream em Qua 14 Set 2016 - 15:31



Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7946
Pontos Ativos : 13023

http://ajuda.forumeiros.com

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Qui 15 Set 2016 - 15:50

Bom dia, Creem. Utilizei o código desse tutorial: http://ajuda.forumeiros.com/t71069-tutorial-background-conforme-hora-do-dia

Porém só mudei os links das imagens dele, veja:

Código:
jQuery(function() {
         
          //ZONA EDITABLE------------------------------------------------------------
         
          var selector_css = "body";
          var imagen_se_repite = true; 
         
          var horario_inicio = new Array();
          horario_inicio["mañana"] = 5; 
          horario_inicio["tarde"] = 12;
          horario_inicio["noche"]= 21;     
         
          var imagenes = new Array();
          imagenes["mañana"] = "http://imgur.com/5PFdmuq";
          imagenes["tarde"] = "http://imgur.com/rMDLXTP";
          imagenes["noche"] = "http://imgur.com/eK6PmNy.jpg";
          //FIN ZONA EDITABLE----------------------------------------------------------
         
         
          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 + ") repeat");
          }else{
              jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"});
          }
    });

Só que não deu nenhum resultado, até pensei que fosse pelo código CSS que uso para a imagem de fundo, mais não é, retirei ele e causou um bug na imagem de fundo, veja:

http://imgur.com/a/9FvAL

O código que utilizo para mudar a imagem de fundo, é este:

Código:
/*IMAGEM DE FUNDO*/
.layout_IE{
background: url(http://i.imgur.com/21IbdOD.jpg)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background

E para ajustar a posição da imagem é esse:

Código:
/*Ajuste tela de fundo*/
body > footer{position:relative!important;top:9px!important;}
header { width: auto !important; }
.container_IE {
    width: auto !important;
    min-width: auto !important;
}
body { overflow-x: hidden; }

Oque pode ser?

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por while em Qui 15 Set 2016 - 16:49

Olá, troque seu css por este:
Código:
/*IMAGEM DE FUNDO*/
.layout_IE{
background-repeat: no-repeat!important;
background-size: cover!important;
background-size:100%!important;
background-size: cover!important;}

E troque seu js por este:

Código:
        jQuery(function() {
             
              //ZONA EDITABLE------------------------------------------------------------
             
              var selector_css = "body";
              var imagen_se_repite = true; 
             
              var horario_inicio = new Array();
              horario_inicio["mañana"] = 5; 
              horario_inicio["tarde"] = 12;
              horario_inicio["noche"]= 21;     
             
              var imagenes = new Array();
              imagenes["mañana"] = "http://i.imgur.com/5PFdmuq.jpg";
              imagenes["tarde"] = "http://i.imgur.com/rMDLXTP.jpg";
              imagenes["noche"] = "http://imgur.com/eK6PmNy.jpg";
              //FIN ZONA EDITABLE----------------------------------------------------------
             
             
              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 + ") repeat");
              }else{
                  jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover", "background-position":"fixed"});
              }
        });

Até mais.


Última edição por while em Qui 15 Set 2016 - 18:21, editado 1 vez(es)


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: Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Qui 15 Set 2016 - 17:58

Resultou, porém ficou aparecendo mais de 3 imagem da mesma, eu gostaria que ficasse ajustada somente uma em toda a pagina.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por while em Qui 15 Set 2016 - 18:22

Ah sim, adicione esse código em sua folha de estilo css:
Código:
body {background-size:100%!important;background-size: cover!important;}

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: Mudar fundo conforme hora do dia

Mensagem por PrisoN†BreaK em Qui 15 Set 2016 - 19:01

Resolvido, obrigado.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 876
Pontos Ativos : 1565

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Mudar fundo conforme hora do dia

Mensagem por while em Qui 15 Set 2016 - 19:02

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