Perfil em dropdown

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

Resolvido Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:08 pm

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.

.



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
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:15 pm

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

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:18 pm

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;
}
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/
  • 0

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:19 pm

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
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:23 pm

A borda ficou somente no "CSS".



Quero que nem este:

avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:25 pm

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

Falta a parte do perfil...

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:26 pm

Como assim a parte do perfil?
Poderia me explicar?!
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:28 pm

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
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:30 pm

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. =/
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:35 pm

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
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 15/09/12, 08:47 pm

Ficou assim:


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

É porque quero fazer uma coisa legal.!
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por BrunoH. em 15/09/12, 08:53 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Perfil em dropdown

Mensagem por Firenando em 15/09/12, 08:55 pm

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
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Perfil em dropdown

Mensagem por henriquebr em 15/09/12, 08:57 pm

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

    });
avatar

henriquebr
Usuário avançado

Masculino
Inscrito dia : 20/10/2011
Mensagens : 497
Pontos Ativos : 740

Ver perfil do usuário http://rmbr.forumeiros.com

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 17/09/12, 12:50 pm

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:

Quero:
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por MateusV. em 17/09/12, 01:59 pm

Olá!

Não compreendi, o que falta?


Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 17/09/12, 02:34 pm

Só olhar a diferença:


avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por BrunoH. em 17/09/12, 02:35 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Perfil em dropdown

Mensagem por #BlacksheepMG em 17/09/12, 02:40 pm

Não mudou em nada.
avatar

#BlacksheepMG
Nível 10

Masculino
Inscrito dia : 27/07/2012
Mensagens : 268
Pontos Ativos : 389

Ver perfil do usuário http://mundoaway.forum.st/

Resolvido Re: Perfil em dropdown

Mensagem por MateusV. em 17/09/12, 05:11 pm

Olá!

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

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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