Como essa borda no avatar Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como essa borda no avatar

4 participantes

Ir para baixo

Tópico resolvido Como essa borda no avatar

Mensagem por WebGames 06.01.13 16:41

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

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Roevs 06.01.13 16:43

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é
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 06.01.13 17:11

n funcionou
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Alcohol 06.01.13 17:38

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

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 06.01.13 17:43

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

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Roevs 06.01.13 17:45

Olá,

Tente este

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

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 06.01.13 17:51

Infucional :/
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Alcohol 06.01.13 17:53

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

Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Roevs 06.01.13 17:54

Olá,

Tente este

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

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Sennior 06.01.13 19:38

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 07.01.13 6:44

Olá Mikéé obrigado funcionou mais tipo bugou a metade do perfil :/
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 07.01.13 9:49

upp
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Sennior 07.01.13 14:27

Olá amigo!

Como ficou? Poderia me mostrar uma imagem ou link?

Até mais! Muito feliz
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 07.01.13 20:43

tipo diminui o tamanho do Rank o do nick do usuarios etc..
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por Sennior 08.01.13 14:08

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como essa borda no avatar

Mensagem por WebGames 08.01.13 19:41

obrigado.
WebGames
WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

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