Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper
Abrir / esconder um clique de botão assinaturas


Nesse Tutorial eu Estarei Ensinando a Ocultar e Mostra a Assinatura.

1. Código Pagina JS

Painel de Controle ->> Modulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript.
Depois Aperte[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Criar um novo JavaScript
Aplique o Seguinte Código:
Código:
  jQuery(document).ready(function(){

    jQuery(".signature_div").wrapInner(jQuery('<div class="sigs"></div>')).prepend(jQuery('<span class="sgbt"></span>'));

    jQuery(".sgbt").click(function(){
    jQuery(this).parents(".signature_div").children(".sigs").slideToggle(300);
    return false
    });

    jQuery(".sgbt").toggle(
    function(event) {jQuery(event.target).css('backgroundPosition', '0 -30px');},
    function(event) {jQuery(event.target).css('backgroundPosition', '0 0');}
    );

    });

2. Código CSS

Painel de Controle ->> VISUALIZAÇÃO ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS.
Aplique o Seguinte Código:
Código:
 /* Cerrar la firma */
    .sigs {
    display: none;
    }
    /* Abrir la firma */
    .sgbt {
    cursor: pointer;
    display: block;
    height: 30px;
    width: 150px;
    background-image: url('http://i47.servimg.com/u/f47/15/17/71/53/abrir10.png');
    background-position: 0 -30;
    }

3. Resultado

Antes:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Depois:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

CRÉDITOS: SPDESIGN | RMBR

https://rmbr.forumeiros.com/

-Naruto

-Naruto
Administrador
Publicitário
Helper
Aqui Não Funfou, Minha Versão Punbb

RMBR

RMBR
Administrador
Olá, so funciona em phpbb3 ;)

https://rmbr.forumeiros.com

-Naruto

-Naruto
Administrador
Publicitário
Helper
Tutorial Aceito.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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