Passar o mouse aparecer perfil do membro

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Passar o mouse aparecer perfil do membro

Mensagem por WebGames em 10/09/12, 02:18 pm

Qual é minha questão:
Eae galera eu queria saber se tem como fazer isto no meu forum : http://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, 06:29 pm, editado 2 vez(es)
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Passar o mouse aparecer perfil do membro

Mensagem por Convidado em 10/09/12, 05:43 pm



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


- 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');
});

});

- 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 Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS e adicione o código CSS do passo anterior.

Código Javascript:
Painel de controle Seta Módulos Seta HTML & Javascript Seta Gestão dos códigos Javascipt Seta 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.

- Resultado:
O resultado de nosso trabalho será o seguinte:


-FireWhip


Convidado
Convidado


Resolvido Re: Passar o mouse aparecer perfil do membro

Mensagem por WebGames em 10/09/12, 06:28 pm

vlw pow vc ta ajudando bastante era para tar de ajudeiro.
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum