![[TUTORIAL] Sombra sobre o avatar Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[TUTORIAL] Sombra sobre o avatar Magic](https://2img.net/i/fa/fdf/magic.png) | Efeito CSS |
Neste tutorial iremos aprender um efeito CSS que permite produzir uma sombra em volta de todos os avatares do fórum.
--> Tutoriais, dicas e astúcias <--
Sombra sobre o avatar
Sombra sobre o avatar
1º - Conhecendo o código à ser utilizado:
Este será o código utilizado para a definição deste efeito:
Veja mais informações sobre a propriedade Box Shadow neste tutorial: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
.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{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;
}
2º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
![[TUTORIAL] Sombra sobre o avatar 1114](https://i.servimg.com/u/f71/11/61/24/05/1114.gif)
3º - O resultado final:
![[TUTORIAL] Sombra sobre o avatar Somb_b10](https://i.servimg.com/u/f40/16/80/82/64/somb_b10.jpg)
