Colocar "moldura" no perfil

3 participantes

Ir para baixo

Tópico resolvido Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 15.10.13 17:46

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 14:01, editado 1 vez(es)
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Jpjupa 15.10.13 21:28

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.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 15.10.13 21:34

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.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Jpjupa 15.10.13 21:49

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.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 15.10.13 22:01

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

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por First 16.10.13 1:07

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 16.10.13 13:25

Aqui está amigo - https://i.imgur.com/aWobL9n.png
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por First 16.10.13 13:48

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 16.10.13 13:52

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?
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por First 16.10.13 13:57

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar "moldura" no perfil

Mensagem por Diogo Ferreira 16.10.13 14:01

Finalmente como quis
Um grande obrigado, amigo.
Diogo Ferreira
Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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