Passar o mouse aparecer perfil do membro

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

Tópico resolvido Passar o mouse aparecer perfil do membro

Mensagem por WebGames 10.09.12 18:18

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


Última edição por dayvid11 em 10.09.12 22:29, editado 2 vez(es)
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Passar o mouse aparecer perfil do membro

Mensagem por Convidado 10.09.12 21:43


Passar o mouse aparecer perfil do membro Theme

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:
Passar o mouse aparecer perfil do membro Result10

-FireWhip

Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Passar o mouse aparecer perfil do membro

Mensagem por WebGames 10.09.12 22:28

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

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos