Como essa borda no avatar

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

Resolvido Como essa borda no avatar

Mensagem por WebGames em 06/01/13, 02:41 pm

Qual é minha questão:
Olá gostaria de saber se há como por essa borda no avatar do meu fórum : http://www.forum-dix.com.br/t2170-novos-bbcode-para-topicos uma borda branca que fica envolta dos avatares

Endereço do meu fórum:
http://webgames.forumn.org

Versão do fórum:
PHPBB3
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por iPrompt em 06/01/13, 02:43 pm

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
postprofile dd, .postprofile dt {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease-out;
border: 5px solid #EEE;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
margin: 3px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 06/01/13, 03:11 pm

n funcionou
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por Alcohol em 06/01/13, 03:38 pm

Ola,
Adicione este código:
Código:
div.user-basic-info img:nth-child(0n+1){background-color:#fff;border:2px solid #000;}
avatar

Alcohol
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2728
Pontos Ativos : 3650

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 06/01/13, 03:43 pm

Olá JuJanzen funcionou mas tipo não ficou só no avatar ficou nos ranks e eu tudo :S
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por iPrompt em 06/01/13, 03:45 pm

Olá,

Tente este

Código:
postprofile dd, .postprofile dt {background-color:#fff;border:2px solid #000;}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 06/01/13, 03:51 pm

Infucional :/
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por Alcohol em 06/01/13, 03:53 pm

Ola,
Código:
.postproflie img:nth-child(0n+1){background-color:#fff;border:2px solid #000;}
avatar

Alcohol
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2728
Pontos Ativos : 3650

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

Resolvido Re: Como essa borda no avatar

Mensagem por iPrompt em 06/01/13, 03:54 pm

Olá,

Tente este

Código:
.pun fieldset, .pun img {background-color:#fff;border:2px solid #000;}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como essa borda no avatar

Mensagem por Sennior em 06/01/13, 05:38 pm

Olá!

Ultilize este:

Código:
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 5px #9C9C9C;
-webkit-box-shadow: 1px 1px 5px #9C9C9C;
box-shadow: 1px 1px 5px #9C9C9C;
}
.post .postbody, .post .postbody * {
font-size: 12px!important;
}
a.fa_fancybox img {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
div.user-basic-info img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease-out;
border: 5px solid #EEE;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
margin:

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 07/01/13, 04:44 am

Olá Mikéé obrigado funcionou mais tipo bugou a metade do perfil :/
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 07/01/13, 07:49 am

upp
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por Sennior em 07/01/13, 12:27 pm

Olá amigo!

Como ficou? Poderia me mostrar uma imagem ou link?

Até mais! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 07/01/13, 06:43 pm

tipo diminui o tamanho do Rank o do nick do usuarios etc..
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Como essa borda no avatar

Mensagem por Sennior em 08/01/13, 12:08 pm

Olá!

Ultilize este CSS:

Código:
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 5px #9C9C9C;
-webkit-box-shadow: 1px 1px 5px #9C9C9C;
box-shadow: 1px 1px 5px #9C9C9C;
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease-out;
border: 5px solid #EEE;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
margin: 0px;
width: 140px;
}
Matched CSS Rules

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Como essa borda no avatar

Mensagem por WebGames em 08/01/13, 05:41 pm

obrigado.
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

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