[TUTORIAL] Sombra sobre o avatar

Ir para baixo

[TUTORIAL] Sombra sobre o avatar Empty [TUTORIAL] Sombra sobre o avatar

Mensagem por Luciano98 05.04.12 0:49

[TUTORIAL] Sombra sobre o avatar Magic 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


- Conhecendo o código à ser utilizado:
Este será o código utilizado para a definição deste efeito:
.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;
}
Veja mais informações sobre a propriedade Box Shadow neste tutorial: https://ajuda.forumeiros.com/t21773-

- 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

(carregue na imagem para aumentar)
[TUTORIAL] Sombra sobre o avatar 1114

- O resultado final:
(carregue na imagem para aumentar)
[TUTORIAL] Sombra sobre o avatar Somb_b10



© Fórum dos Fóruns & Today


[TUTORIAL] Sombra sobre o avatar Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Sombra sobre o avatar
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos