Fórum iBlue
[TUTORIAL] Sombra sobre o avatar Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Sombra sobre o avatar Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

1[TUTORIAL] Sombra sobre o avatar Empty [TUTORIAL] Sombra sobre o avatar Qui 17 Jan 2013 - 12:58

T-Lord
Administrador
[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


1º - 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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

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



[TUTORIAL] Sombra sobre o avatar 1114

3º - O resultado final:


[TUTORIAL] Sombra sobre o avatar Somb_b10

http://www.zonetoony.net/
juan™

2[TUTORIAL] Sombra sobre o avatar Empty Re: [TUTORIAL] Sombra sobre o avatar Qui 17 Jan 2013 - 13:24

juan™
Administrador
Obrigado por Compartilhar esse tutorial

http://www.zonetoony.net/
T-Lord

3[TUTORIAL] Sombra sobre o avatar Empty Re: [TUTORIAL] Sombra sobre o avatar Qui 17 Jan 2013 - 13:30

T-Lord
Administrador
De nada!

http://www.zonetoony.net/
Conteúdo patrocinado

4[TUTORIAL] Sombra sobre o avatar Empty Re: [TUTORIAL] Sombra sobre o avatar


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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