1 [TUTORIAL]Abrir / Ocultar Assinaturas 08/11/12, 05:44 pm
HenRyqUéè
Administrador
Avaliador
Helper
Abrir / esconder um clique de botão assinaturas
Nesse Tutorial eu Estarei Ensinando a Ocultar e Mostra a Assinatura.
Aplique o Seguinte Código: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
- 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');}
);
});
Aplique o Seguinte Código:Painel de Controle ->> VISUALIZAÇÃO ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS.
- 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]
Depois:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
CRÉDITOS: SPDESIGN | RMBR