World Desinger
Seja bem vindo a WorldForum onde contem , WEB Designer
Se você não tem uma conta favor clicar em "Registre-se"
Se você tem uma conta favor clicar em "Login"

VAGAS NA EQUIPE
Obrigado! a WorldForum agradeçe sua preferencia.

[TUTORIAL] Sombra sobre o avatar

Ir em baixo

[TUTORIAL] Sombra sobre o avatar

Mensagem por FreakMeat em Sab Nov 10 2012, 21:19

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;
}

- 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

- O resultado final:
avatar
FreakMeat
Administrador
Administrador

Mensagens Mensagens : 5
Pontos Pontos : 21959
Reputação Reputação : 2
Data de inscrição Data de inscrição : 10/11/2012

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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