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.

Participe do fórum, é rápido e fácil

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.
World Desinger
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[TUTORIAL] Sombra sobre o avatar

Ir para baixo

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

Mensagem por FreakMeat Sáb Nov 10 2012, 21:19

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

- O resultado final:
[TUTORIAL] Sombra sobre o avatar Somb_b10
FreakMeat
FreakMeat
Administrador
Administrador

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

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