Efeito no avatar do usuário

+2
Alcohol
Showman
6 participantes

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

Tópico resolvido Efeito no avatar do usuário

Mensagem por Showman 07.01.13 1:30

Qual é minha questão:
Gostaria de saber como colocar uma borda de 5px branca nos avatares dos membros e depois da borda um sombreado preto,obrigado.

Endereço do meu fórum:
http://hq-design.umforum.net

Versão do fórum:
PHPBB3


Última edição por Showman em 08.01.13 20:20, editado 1 vez(es)
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por Alcohol 07.01.13 2:40

Ola,

Tente este codigo
.forumline .row1 {
border-color: white;
border-left-style: solid;
border-left-width: 5px;
color: #000000;
display: inline;
float: right;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
border-radius: 10px;
box-shadow: white 1px 1px 6px;
padding: 5px;
border: medium none;
border-image: initial;
}
avatar

Alcohol
Hiper Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por Consolado 08.01.13 10:27

Olá!

PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS e adicione esse código:
Código:
.pun .post a[href*="/u"] img[src][alt]{max-width: 165px; border: 5px solid white; -moz-box-shadow:3px 2px 5px #9C9C9C; -webkit-box-shadow:3px 2px 5px #9C9C9C; box-shadow:3px 2px 5px #9C9C9C}
Clique no botão Validar.

Melhores cumprimentos!
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por -Nightmare' 08.01.13 15:53

Olá, tente este código:

.forumline .row1 {
border-color: black;
border-left-style: solid;
border-left-width: 5px;
color: #000000;
display: inline;
float: right;
margin: 5px 0px 0px;
min-height: 80px;
position: left;
width: 25%;
border-radius: 10px;
box-shadow: black 1px 1px 6px;
padding: 5px;
border: medium none;
border-image: initial;
}
-Nightmare'

-Nightmare'
Novo Membro

Membro desde : 08/01/2013
Mensagens : 1
Pontos : 3

http://jackass.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por Sennior 08.01.13 15:58

Olá!

Use este:

Código:
.pun .post a[href*="/u"] img[src][alt] {
border: 5px solid white;
-moz-box-shadow: 3px 2px 5px #9C9C9C;
-webkit-box-shadow: 3px 2px 5px #9C9C9C;
box-shadow: 3px 2px 5px #9C9C9C;
}
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: Efeito no avatar do usuário

Mensagem por Showman 08.01.13 19:26

Olá,quem tentou ajudar está reputado,porém eu vi um efeito nos avatares muito interessante no BR Design,olhem aqui por favor: http://br-design.forumeiros.com/t2578-resultado-sotw-3 há como me cederem o código deste efeito?
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por seender 08.01.13 19:35

Olá!

Adicione este código CSS:
Código:
.postprofile dt img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 0;
    max-height: 300px !important;
    max-width: 150px !important;
    padding: 10px 9px;
}
.postprofile dt img:hover {
    background-color: #E8FFFF;
    box-shadow: 0 0 3px #AAAAAA inset;
    cursor: pointer;
    text-decoration: none;
}
Melhores cumprimentos,
seender
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: Efeito no avatar do usuário

Mensagem por Showman 08.01.13 19:39

Sem resultados.
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no avatar do usuário

Mensagem por seender 08.01.13 19:52

Olá!

Utilize este código:
Código:
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 0;
    max-height: 300px !important;
    max-width: 150px !important;
    padding: 10px 9px;
}
.post span.postdetails a img:first-child:hover,.postprofile dl dt a img:first-child:hover,.post div.user-ident div.user-basic-info a img:first-child:hover,dl.postdetails dl a img:first-child:hover{
    background-color: #E8FFFF;
    box-shadow: 0 0 3px #AAAAAA inset;
    cursor: pointer;
    text-decoration: none;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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: Efeito no avatar do usuário

Mensagem por Showman 08.01.13 20:20

Perfeito! Obrigado.
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

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