Plano de Fundo Botão

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

Atendido / Resolvido Plano de Fundo Botão

Mensagem por PoliciaDSP em 15.03.16 21:59

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 ^^'
PoliciaDSP

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16.03.16 0:30

#up ninguem para responder ;-;
PoliciaDSP

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 16.03.16 0:36

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
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 16.03.16 19:12

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
PoliciaDSP

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 16.03.16 20:25

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
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 17.03.16 0:11

Imagem no formato gif animado :
Spoiler:
Plano de Fundo Botão Sl2s69
Imagem no formato jpg:
Spoiler:
Plano de Fundo Botão HUgChTv

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.
PoliciaDSP

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 17.03.16 0:15

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
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 17.03.16 0:27

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

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por Hancki em 17.03.16 0:38

Troque por este:
Código:
<script type="text/javascript">
jQuery(function() {
    jQuery.getScript('http://illiweb.com/rs3/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
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8113
Pontos Ativos : 12117

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP em 17.03.16 0:40

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

PoliciaDSP
Nível 2

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

http://policiadsp2.forumeiros.com

Atendido / Resolvido Re: Plano de Fundo Botão

Mensagem por MateusAnjosV em 22.03.16 9:17

Plano de Fundo Botão Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1694
Pontos Ativos : 2323

http://holder.forumeiros.com/

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


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