Perfil em dropdown

5 participantes

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

Tópico resolvido Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:08

Qual é minha questão:
Queria colocar essas bordas do perfil drop down quando passa o mouse nele.
Já tenho o perfil dropdown porém não este efeito.

.

Perfil em dropdown LfFv9

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://mundoaway.forum.st/

Versão do meu fórum:
PUNBB
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:15

Olá, poderia me passar o código que utilizaste para fazer o efeito? Para eu colocar o efeito na borda...

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:18

Aqui amigo:

Código:
.postbody .user .user-info {
    width: 400px;
    display: none;
    top: 20px;
    position: absolute;
    background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
    padding: 5px;
}
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:19

Troque por este, e veja se resulta.

Código:
.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border: 2px solid #dadada;
}

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:23

A borda ficou somente no "CSS".

Perfil em dropdown OyTQt

Quero que nem este:

Perfil em dropdown LfFv9
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:25

Sim, mais você apenas me passou uma parte do código...

Falta a parte do perfil...

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:26

Como assim a parte do perfil?
Poderia me explicar?!
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:28

Olá, agora que vi que sua versão é PunBB, não sei mexer com a mesma.

Então, vamos tentar por CSS, porque por templete, comigo não dará certo.

Adicione isso ao seu CSS.

Código:
.user {
border: 2px solid #dadada;
}

Se o código funcionar, me avise que irei fazer o efeito igual o do fórum que você citou.

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:30

Não é assim que desejo. =/
Ficou assim : http://mundoaway.forum.st/t17-regras-gerais-do-forum-atualizado-14-09-12

[Visualize pelo fórum].

Quero que nem o SPDesign. =/
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:35

Como falei, se funciona-se eu arrumaria o código, aqui está ele.

Troque ele pelos 2 códigos que passei.

Código:
.user:hover {
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-left: 2px solid #dadada;
}
.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-right: 2px solid #dadada;
}

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 16.09.12 0:47

Ficou assim:
Perfil em dropdown EjNnd

Desculpe a "chatisse" mais teria jeito de fechar certo?

É porque quero fazer uma coisa legal.!
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil em dropdown

Mensagem por BrunoH. 16.09.12 0:53

Olá!
Tente este:
Código:
.postbody .user .user-info {
    width: 400px;
    display: none;
    top: 20px;
    position: absolute;
    background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
    padding: 5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por Firenando 16.09.12 0:55

Vamos tentar...

Troque por este.

Código:
.user:hover {
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
}
.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-right: 2px solid #dadada;
margin-left: 10px;
}

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por henriquebr 16.09.12 0:57

delete todos os outros codes passados....add estes:
css
Código:

.postprofile dl dd.info{
    position: absolute;display: none;margin-bottom: 0px;
    margin-left: 211px;padding: 8px 5px 9px;top: 4px;
    font-weight: bold;
    color: #333;
        border: 1px solid #333;
      border-radius: 15px;
    width: 290px;z-index: 999;background: url(http://i36.servimg.com/u/f36/16/96/02/41/teste128.png);}
    .postprofile dl:hover dd.info{display:block !important;}
altere o css pra ficar do teu gosto
js:
Código:

$(document).ready(function() {
    $('.postprofile dl').each(function(){
    $(this).parents().find('dd:eq(2)').attr('class','info');
    });

    });
henriquebr

henriquebr
*****

Membro desde : 20/10/2011
Mensagens : 497
Pontos : 740

http://rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 17.09.12 16:50

O que mais chegou perto foi :

Código:
.user:hover {
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
}
.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-right: 2px solid #dadada;
margin-left: 10px;
}

Mais ainda não resultou:
Esta:
Perfil em dropdown BWZQW
Quero:
Perfil em dropdown LfFv9
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil em dropdown

Mensagem por MateusV. 17.09.12 17:59

Olá!

Não compreendi, o que falta?


Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 17.09.12 18:34

Só olhar a diferença:

Perfil em dropdown LfFv9
Perfil em dropdown TzCvG
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil em dropdown

Mensagem por BrunoH. 17.09.12 18:35

Olá amigo,
tente este código:
Código:
.user:hover {
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
}
.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 2px solid #dadada;
border-top: 2px solid #dadada;
border-right: 2px solid #dadada;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-left: 10px;
}
e Valide!

Atenciosamente,
Dr.House_. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG 17.09.12 18:40

Não mudou em nada.
#BlacksheepMG

#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Perfil em dropdown

Mensagem por MateusV. 17.09.12 21:11

Olá!

Adicione este código em seu CSS:
.postbody .user .user-info {
margin-left: 0px !important;
}

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

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