[TUTORIAL] Sombra sobre o avatar
Página 1 de 1 • Compartilhe
[TUTORIAL] Sombra sobre o avatar
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: https://ajuda.forumeiros.com/t21773-.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
3º - O resultado final:
© Fórum dos Fóruns & Today
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Sombra sobre o avatar |
Tópicos semelhantes
» [TUTORIAL] Adicionar sombra ao texto
» [TUTORIAL] Adicionar sombra no quadro dos artigos
» [TUTORIAL] Efeito giratório no avatar
» [TUTORIAL] Avatar na resposta rápida
» [TUTORIAL] Avatar em forma de MSN
» [TUTORIAL] Adicionar sombra no quadro dos artigos
» [TUTORIAL] Efeito giratório no avatar
» [TUTORIAL] Avatar na resposta rápida
» [TUTORIAL] Avatar em forma de MSN
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos