Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

D'Leandro™
Fundador

Ocultar/Mostrar Assinatura!


PunBB PhpBB2 PhpBB3 Invision

- -> Código CSS <- -
Código:
/*---/ Tamanho e Posição da Resposta Rápida /---*/

/* Fechar Assinatura */
    .sigs {
    display: none;
    }
/* Abrir Assinatura */
    .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;
    }
/*---/ Creditos: 2012 ©️ Staffer Group BR™️ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

- -> Código JS <- -
Nos Tópicos
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');}
    );

    });

- -> Visualização Final <- -
Fechado
[Tutorial] Ocultar/Mostrar Assinatura! Firma10
Aberto
[Tutorial] Ocultar/Mostrar Assinatura! Firma210


Créditos: ThiagoG

#2
 SostenesSilva.

SostenesSilva.
Membro
Testar aqui... brevemente edito!

#3
 JessiKa

JessiKa
Membro
Prescisa editar as Imagens imediatamente!

#4
 Jose Hamizaki

Jose Hamizaki
Membro
Postando para ver o codigo.

#5
 Conteúdo patrocinado