Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Passar o mouse aparecer perfil do membro
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Passar o mouse aparecer perfil do membro
Qual é minha questão:
Eae galera eu queria saber se tem como fazer isto no meu forum : https://i.imgur.com/pgnpy.jpg quando passarem o mouse no avatar dentro dos topicos aparecer o perfil dele tem como ? ( eu vi nesse forum http://staffergroupbr.stuning.net/t632-sistema-de-rank-do-forum ) tem como fazer isto?
(visitem meu forum http://wincheats.fanbb.net/forum )
Links e imagens do meu problema:
( visitem meu forum http://wincheats.fanbb.net/forum )
Endereço do meu fórum:
http://wincheats.fanbb.net/
Versão do meu fórum:
Não sei
Eae galera eu queria saber se tem como fazer isto no meu forum : https://i.imgur.com/pgnpy.jpg quando passarem o mouse no avatar dentro dos topicos aparecer o perfil dele tem como ? ( eu vi nesse forum http://staffergroupbr.stuning.net/t632-sistema-de-rank-do-forum ) tem como fazer isto?
(visitem meu forum http://wincheats.fanbb.net/forum )
Links e imagens do meu problema:
( visitem meu forum http://wincheats.fanbb.net/forum )
Endereço do meu fórum:
http://wincheats.fanbb.net/
Versão do meu fórum:
Não sei
Última edição por dayvid11 em 10.09.12 22:29, editado 2 vez(es)
Re: Passar o mouse aparecer perfil do membro
Ocutando o perfil |
Neste tutorial você irá aprender a como ocutar o perfil dos usuários, e somente aparecer quando passar o mouse por cima do perfil.
--> Tutoriais Forumeiros <--
Ocutando o perfil
Ocutando o perfil
1º - Conhecendo os códigos:
Antes de iniciarmos o nosso tutorial, primeiramente iremos conhecer o código que utilizaremos no decorrer deste tutorial:
Código CSS:
- Código:
.post inner{position: relative;}
.postprofile dl dd.info{position: absolute;display: none;margin-bottom: 5px;
margin-left: 160px;padding: 8px 5px 9px;top: 11px;
font-weight: bold;
color: #333;
border: 1px dashed #333;
width: 290px;z-index: 999;background:rgba(255, 255, 255, 0.9);;}
.postprofile dl:hover dd.info{display:block !important;}
Código Javascript: Atenção: Recomendamos que não edite esse código, somente se tiver experiência em códigos Javascript
- Código:
$(document).ready(function() {
$('.postprofile dl').each(function(){
$(this).parents().find('dd:eq(2)').attr('class','info');
});
});
2º - Aplicando os códigos:
Para que os códigos acima funcionem corretamente em seu fórum, faça os procedimentos abaixo corretamente:
Código CSS:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS e adicione o código CSS do passo anterior.
Código Javascript:
Painel de controle Módulos HTML & Javascript Gestão dos códigos Javascipt Criar novo Javascript:
[quote]Nome: Adicione o nome que desejar, pois isso não afetará em nada.
Investimento: Adicione nos tópicos.
Código Javascript: Adicione o código javascipt, do passo anterior.
3º - Resultado:
O resultado de nosso trabalho será o seguinte:
-FireWhip
Convidado- Convidado
Re: Passar o mouse aparecer perfil do membro
vlw pow vc ta ajudando bastante era para tar de ajudeiro.
Tópicos semelhantes
» Aparecer nome ao passar mouse
» Aparecer menu ao passar mouse por cima do nome
» como fazer aparecer um quadro ao passar o mouse
» Aparecer título do tópico completo ao passar o mouse
» Aparecer título do tópico completo ao passar o mouse
» Aparecer menu ao passar mouse por cima do nome
» como fazer aparecer um quadro ao passar o mouse
» Aparecer título do tópico completo ao passar o mouse
» Aparecer título do tópico completo ao passar o mouse
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos