ArtigosEfeito no avatar do usuário
+2
Alcohol
Showman
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito no avatar do usuário
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
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- ****
- Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333 -
Re: Efeito no avatar do usuário
por Alcohol 07.01.13 2:40
Ola,
Tente este codigo
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;
}
Alcohol- Hiper Membro
- Membro desde : 29/03/2011
Mensagens : 2858
Pontos : 3794 -
Re: Efeito no avatar do usuário
por Consolado 08.01.13 10:27
Olá!
PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS e adicione esse código:
Melhores cumprimentos!
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}
Melhores cumprimentos!
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Efeito no avatar do usuário
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'- Novo Membro
- Membro desde : 08/01/2013
Mensagens : 1
Pontos : 3 -
Re: Efeito no avatar do usuário
por Sennior 08.01.13 15:58
Olá!
Use este:
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Efeito no avatar do usuário
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- ****
- Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333 -
Re: Efeito no avatar do usuário
por seender 08.01.13 19:35
Olá!
Adicione este código CSS:
seender
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;
}
seender
seender- Membro Entusiasta
- Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455 -
Showman- ****
- Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333 -
Re: Efeito no avatar do usuário
por seender 08.01.13 19:52
Olá!
Utilize este código:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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;
}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
seender- Membro Entusiasta
- Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455 -
Showman- ****
- Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333 -
Tópicos semelhantes» Efeito no nome do usuário
» Efeito no nome de um usuário
» Efeito no usuário
» Efeito no nick do usuário
» Efeito no nome do usuário
» Efeito no nome de um usuário
» Efeito no usuário
» Efeito no nick do usuário
» Efeito no nome do usuário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos