Efeito no avatar do usuário

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

Resolvido Efeito no avatar do usuário

Mensagem por Showman em 06/01/13, 11:30 pm

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, 06:20 pm, editado 1 vez(es)
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/
  • 0

Resolvido Re: Efeito no avatar do usuário

Mensagem por Alcohol em 07/01/13, 12:40 am

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
Usuário experiente

Masculino
Inscrito dia : 29/03/2011
Mensagens : 2724
Pontos Ativos : 3646

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

Resolvido Re: Efeito no avatar do usuário

Mensagem por Consolado em 08/01/13, 08:27 am

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito no avatar do usuário

Mensagem por -Nightmare' em 08/01/13, 01:53 pm

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;
}
avatar

-Nightmare'
Novo membro

Masculino
Inscrito dia : 08/01/2013
Mensagens : 1
Pontos Ativos : 3

Ver perfil do usuário http://jackass.forumeiros.com
  • 0

Resolvido Re: Efeito no avatar do usuário

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

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;
}
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: Efeito no avatar do usuário

Mensagem por Showman em 08/01/13, 05:26 pm

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

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

Resolvido Re: Efeito no avatar do usuário

Mensagem por seender em 08/01/13, 05:35 pm

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
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: Efeito no avatar do usuário

Mensagem por Showman em 08/01/13, 05:39 pm

Sem resultados.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

Resolvido Re: Efeito no avatar do usuário

Mensagem por seender em 08/01/13, 05:52 pm

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
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: Efeito no avatar do usuário

Mensagem por Showman em 08/01/13, 06:20 pm

Perfeito! Obrigado.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

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