Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


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

#1
 D'Leandro™

avatar
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

Aberto


Créditos: ThiagoG
Ver perfil do usuário

#2
 SostenesSilva.

avatar
Membro
Testar aqui... brevemente edito!
Ver perfil do usuário

#3
 JessiKa

avatar
Membro
Prescisa editar as Imagens imediatamente!
Ver perfil do usuário

#4
 Jose Hamizaki

avatar
Membro
Postando para ver o codigo.
Ver perfil do usuário

#5
 Conteúdo patrocinado