Plano de Fundo Botão

3 participantes

Ir para baixo

Tópico resolvido Plano de Fundo Botão

Mensagem por PoliciaDSP 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
Novo Membro

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP 16.03.16 0:30

#up ninguem para responder ;-;
PoliciaDSP
PoliciaDSP
Novo Membro

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP 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
Novo Membro

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP 17.03.16 0:11

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

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP 17.03.16 0:27

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

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por Hancki 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
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por PoliciaDSP 17.03.16 0:40

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

Membro desde : 23/02/2016
Mensagens : 13
Pontos : 21

http://policiadsp2.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de Fundo Botão

Mensagem por MateusAnjosV 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos