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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
273 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 266 Visitantes :: 2 Motores de busca

Eduardo Padilha, iScroll, IsmaelS., Kyo Panda, mrvisible, rlmac, Thiago Perotto Zocoli

[ Ver toda a lista ]


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

Plano de Fundo Botão

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

Resolvido Plano de Fundo Botão

Mensagem por PoliciaDSP em 15/03/16, 06:59 pm

Detalhes da questão


Endereço do fórum: policiadsp2.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Boa noite pessoal da forumeiros,

Bom, hoje mais cedo vi que tinha um código que ao apertar um botão você podia escolher um tema. Tendo visto isso queria saber se tem como fazer esse mesmo botão trocar o plano de fundo do fórum.
No caso o meu plano é: Vou usar um plano de fundo .gif, já que alguns não suportam um plano de fundo gif, queria trazer um botão no qual ao apertar, trocaria por uma imagem .jpeg estática.

Obrigado, e boa noite ^^'
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 15/03/16, 09:30 pm

#up ninguem para responder ;-;
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 15/03/16, 09:36 pm

Olá!

Você deseja um botão para o usuário escolher a imagem que quer de fundo ou ter fundos já predefinidos que mudavam aleatoriamente a cada refresh na página?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16/03/16, 04:12 pm

Hancki, primeiramente obrigado, mas quero um botão para o usuário escolher se vai preferir o plano de fundo .gif ou o .jpg caso estiver com lag. isso já predefinido
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 16/03/16, 05:25 pm

Olá novamente!

Então preciso que me dê o link das imagens nos 2 formatos!
E preciso que me diga onde vai colocar este botão.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16/03/16, 09:11 pm

Imagem no formato gif animado :
Spoiler:
Imagem no formato jpg:
Spoiler:

E não, os formatos não estão na ordem errada rsrs. o botão, se eu puder personalizar o código depois, pode colocar o botão em qualquer canto, caso não coloque no topo.
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 16/03/16, 09:15 pm

O código é este:
Código:
<script type="text/javascript">
jQuery(function() {
    var theme = jQuery.cookie("backgroundImage");
    if (theme) {
        jQuery("body").attr('style', ' background-image: url(' + theme + ')');
    } else {
        var imagemGif = jQuery('#themes #1').attr('value');
        console.log(imagemGif);
        jQuery("body").attr('style', ' background-image: url(' + imagemGif + ')');
    }
    jQuery("#themes").change(function() {
        theme = jQuery(this).val();
        jQuery.cookie("backgroundImage", theme);
        jQuery("body").attr('style', ' background-image: url(' + theme + ')');
    });
});
</script><select id="themes">
  <option id="1" value="http://oi64.tinypic.com/sl2s69.jpg">Fundo animado</option>
  <option value="http://i.imgur.com/hUgChTv.gif">Fundo estático</option>
</select>

Fiz para se adequar dentro de um widget. Experimente.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16/03/16, 09:27 pm

O plano de fundo não está trocando :/
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 16/03/16, 09:38 pm

Troque por este:
Código:
<script type="text/javascript">
jQuery(function() {
    jQuery.getScript('http://illiweb.com/rsc/25/frm/jquery/cookie/jquery.cookie.js', function() {
        var theme = jQuery.cookie("backgroundImage");
        if (theme) {
            jQuery("body").attr('style', ' background-image: url(' + theme + ')');
        } else {
            var imagemGif = jQuery('#themes #1').attr('value');
            console.log(imagemGif);
            jQuery("body").attr('style', ' background-image: url(' + imagemGif + ')');
        }
        jQuery("#themes").change(function() {
            theme = jQuery(this).val();
            jQuery.cookie("backgroundImage", theme);
            jQuery("body").attr('style', ' background-image: url(' + theme + ')');
        });
    });
});
</script><select id="themes">
  <option value="http://oi64.tinypic.com/sl2s69.jpg" id="1">Fundo animado</option>
  <option value="http://i.imgur.com/hUgChTv.gif">Fundo estático</option>
</select>

Tem que funcionar, porque no meu fórum de testes está ok!

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16/03/16, 09:40 pm

Podem fechar agradeço pela atenção. !! Obrigado.
avatar

PoliciaDSP
Nível 2

Masculino
Inscrito dia : 23/02/2016
Mensagens : 13
Pontos Ativos : 21

http://policiadsp2.forumeiros.com

Resolvido Re: Plano de Fundo Botão

Mensagem por MateusAnjosV em 22/03/16, 06:17 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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

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