Adicionar borda ao avatar

4 participantes

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

Tópico resolvido Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 0:06

Qual é minha questão:
Não me refiro a aquele CSS que adiciona borda ao avatar apenas nos tópicos!

Queria adicionar essa borda que aparece nos avatares dessa página:
http://rocknforum.ativoforum.com/memberlist

A borda do link acima não aparece nos avatares dessa página:
http://rocknforum.ativoforum.com/u68

Tem como colocar aquela borda nos avatares das páginas de perfil dos usuários?

:/

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION


Última edição por Luis (///) em 31.05.13 14:30, editado 1 vez(es)
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass 31.05.13 0:12

Se não me engano, somente em edição de templates e no Invision não é possível.
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 0:17

Cris Varella escreveu:Se não me engano, somente em edição de templates e no Invision não é possível.
Deve ter alguma forma de fazer isso, tanto que acabei de achar algo que talvez possibilitaria a edição...ou não.

Admineiros https://ajuda.forumeiros.com/t57595-tutorial-aplicar-css-a-pagina-de-perfil-de-um-usuario-especifico
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass 31.05.13 0:29

Veja bem, este tutorial que o senhor citou é para aplicar css na página de um usuário e não na memberlist.
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 0:35

Eu quero aplicar o efeito da member list no avatar (dentro da página de perfil do usuário).
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por MateusA 31.05.13 0:38

Olá! Piscada

Vamos la você quer que fassemos com que essa borda http://rocknforum.ativoforum.com/memberlist fique em qual local exato desse perfil http://rocknforum.ativoforum.com/u68 ? para que eu possa montar o codigo mais rapidamente tire uma PrintScreen.

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 0:41

Cʀɑzy escreveu:Olá! Piscada

Vamos la você quer que fassemos com que essa borda http://rocknforum.ativoforum.com/memberlist fique em qual local exato desse perfil http://rocknforum.ativoforum.com/u68 ? para que eu possa montar o codigo mais rapidamente tire uma PrintScreen.

Até mais.
Queria que a borda ficasse no avatar do usuário (e dos usuários do widget amigos). Queria saber também se é possível aplicar o efeito em todos os perfis, não só no /u68.
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por MateusA 31.05.13 0:55

Olá!

Aceda em:<br />
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

CODE<br />
Código:
.box-content.profile.center {
border: 2px solid #fff;
}

Seta Não sei a cor que você quer da borda pesso que você mesmo altere o codigo procurando por #fff e alterando pelo codigo da sua cor exadecimal ou pelo nome em inglês.

Seta No codigo procure por 2px e vai subindo o 2 caso queira a espesura maior.

Valide.


Até mais.

MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass 31.05.13 0:55

Tente esse códeigo

Código:
jQuery(document).ready(function(){if(location.pathname=='/uID'){jQuery('head').append('<style>{
-moz-box-shadow:5px 5px 5px #9C9C9C;
-webkit-box-shadow:5px 5px 5px #9C9C9C;
box-shadow:5px 5px 5px #9C9C9C;
-moz-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}</style>')}});

Não esqueça de colocar o ID do usuário
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 1:07

Não resultou! Triste
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por seender 31.05.13 1:39

Olá!

Utilize o código:
Código:
#profile-advanced-right .module.borderwrap .box-content.profile.center img{border:1px solid #FFF !important;}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 1:46

Até que enfim...
Obrigado Seender!

Teria como adicionar nos avatares do widget "Amigos de [...]" também?
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por seender 31.05.13 1:50

Olá!

Adicione este:
Código:
.box-content.profile .friend-block a .avatar img{border:1px solid #FFF !important;}
Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit 31.05.13 2:05

Só mais uma dúvida: tem como tirar isso do rank?
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar borda ao avatar

Mensagem por seender 31.05.13 2:11

Olá!

Qual rank? poderia mostrar uma imagem?

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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