Adicionar borda ao avatar

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

Resolvido Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 08:06 pm

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, 10:30 am, editado 1 vez(es)

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass em 30/05/13, 08:12 pm

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

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 08:17 pm

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 http://ajuda.forumeiros.com/t57595-tutorial-aplicar-css-a-pagina-de-perfil-de-um-usuario-especifico

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass em 30/05/13, 08:29 pm

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

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 08:35 pm

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

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por MateusA em 30/05/13, 08:38 pm

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 08:41 pm

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.

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por MateusA em 30/05/13, 08:55 pm

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.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar borda ao avatar

Mensagem por Legolass em 30/05/13, 08:55 pm

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
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 09:07 pm

Não resultou! Triste

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por seender em 30/05/13, 09:39 pm

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 09:46 pm

Até que enfim...
Obrigado Seender!

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

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por seender em 30/05/13, 09:50 pm

Olá!

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Adicionar borda ao avatar

Mensagem por Luis Edit em 30/05/13, 10:05 pm

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

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Adicionar borda ao avatar

Mensagem por seender em 30/05/13, 10:11 pm

Olá!

Qual rank? poderia mostrar uma imagem?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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