Colocar "moldura" no perfil

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

Resolvido Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 15/10/13, 01:46 pm

Qual é minha questão:
Oi!
Queria colocar uma espécie de moldura à volta de cada perfil. Mas apenas queria colocar essa moldura quando o rato está sobre o avatar desse usuário nos posts.

Endereço do meu fórum:
http://ball2dpt.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 16/10/13, 10:01 am, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Jpjupa em 15/10/13, 05:28 pm

Olá amigo, adicione este código ao seu CSS:

Código:

.pun .post .user:hover {
  border: 2px solid #EEE;
  border-radius: 10px;
  -webkit-transform:scale(1.0);
  -moz-transform:scale(1.0);
  -o-transform:scale(1.0);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}
Espero que resolva.
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 15/10/13, 05:34 pm

Alterou sim, mas a borda está há volta do avatar e dos dados do user, e queria borda apenas à volta do avatar, mas que a imagem não se mexesse, apenas ficasse a borda quando lá passa o rato.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Jpjupa em 15/10/13, 05:49 pm

Retire o código antigo, e substitua por esse:
Código:

.pun .user-ident .user-basic-info a img:hover {
border: 2px solid #EEE;
}
Abraço.
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 15/10/13, 06:01 pm

amigo agora quando passo o rato por cima do avatar ele mexe e não tem moldura nenhuma a preto.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por First em 15/10/13, 09:07 pm

Olá,

Senhor, não entendi muito bem como você deseja poderia ser mais especifico? me mande uma print de como você deseja a sua moldura.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 16/10/13, 09:25 am

Aqui está amigo - http://i.imgur.com/aWobL9n.png
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por First em 16/10/13, 09:48 am

Olá,

Senhor, remova o código passado anteriormente e adicione este código em sua folha de estilo CSS:
Código:
.pun .user-ident .user-basic-info a img:hover {
background: #fff;
padding: 2px;
border: 1px solid #000;
}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 16/10/13, 09:52 am

Finalmente a borda ficou.
Mas há um problema que persiste, quando passo o rato o avatar se mexe também, não dá para tirar isso?
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Colocar "moldura" no perfil

Mensagem por First em 16/10/13, 09:57 am

Olá,

Senhor, adicione mais este código em sua folha de estilo CSS:
Código:
.pun .user-ident .user-basic-info a img {
background: transparent;
padding: 2px;
border: 1px solid transparent;
}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira em 16/10/13, 10:01 am

Finalmente como quis
Um grande obrigado, amigo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

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