[TUTORIAL] Sombra sobre o avatar

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

  • 0

[TUTORIAL] Sombra sobre o avatar

Mensagem por Luciano98 em 04/04/12, 08:49 pm

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: http://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)

- O resultado final:
(carregue na imagem para aumentar)



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

Luciano98
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum