UchiraDeath
sou nível 12Qui 18 Abr 2013, 8:17 am | |
Exibir Perfil |
As veses temos um perfil muito grande e gostariamos de Oculta-los com um simples botão,Hoje será encinado como por O Exibir Perfil!
So se foi testado na versão Punbb! |
--> Tutoriais, dicas e astúcias <--
Exibir Perfil
Exibir Perfil
1º - JavaScript
Painel de Controle :seta2: Modulos :seta2: Gestão das Paginas HTML & JS :seta2: Gestão dos JS :seta2: Criar Novo JavaScript
ó codigo e esse:
- Código:
jQuery(document).ready(function() {
jQuery('.post .postmain .postbody .user').each(function() {
jQuery(this).find('.user-info').insertAfter(this);
jQuery(this).find('.user-ident').after('<input onclick="jQuery(this).closest(\'.postbody\').find(\'.user-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" value="Exibir perfil" type="button">');
});
});
Investimento: Nós Tópicos!
2º - CSS
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: CSS
Ó codigo e esse:
- Código:
.pun .post .user {
background: -moz-linear-gradient(top, #DDD 0%, #BFBFBF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,#BFBFBF));
background: -webkit-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -o-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -ms-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: linear-gradient(to bottom, #DDD 0%,#BFBFBF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bfbfbf',GradientType=0 );
}
.user-basic-info {
margin-top: 20px;
}
/* EXIBIR PERFIL */
.user-info {
display: none;
position: absolute;
left: 430px;
z-index: 999;
background: rgba(255, 255, 255, 0.92);
border: 12px solid rgba(0,0,0,0.7);
padding: 12px;
font-family: century gothic;
font-size: 14px;
line-height: 1.8em;
}
3º - Resultado
© Best Skins & Evidaanc/Emo do Flames!
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Exibir Perfil |