20 fevereiro 2012

Tutorial- Fade nos links

Ount gente *-* vocês estão tão carinhosas comigo *-* E eu estou morrendo de felicidade!
Ganhamos nosso primeiro selinho:
Fofo não é? E quem deu também é *-* Amo muito ocêis!
Enfim, vamos ao tutorial de hoje? GO!
Pra quem não sabe (ainda), fade são links como o do Sweet Poison,Bomba de Glitter, sabem? Que passa suavemente de uma cor para a outra!
Então vamos ao tutorial!
Efeito fade nos links
Primeiro procure no seu html pela tag a:link{
Você vai achar algo parecido com
a:link { 
text-decoration:none; 
color: $(link.color); 

a:visited { 
text-decoration:none; 
color: $(link.visited.color); 

a:hover { 
text-decoration:underline; 
color: $(link.hover.color); 
}

Apague tudo isso desde a:link{ até a última {chave}, e cole isso:
a:link { color: #E9A1C0; /* Coloque a cor dos Links*/ text-decoration: none; -webkit-transition: color 0.7s ease-out;-moz-transition: color 0.7s ease-out;transition: color 0.7s ease-out; a:visited { color: #33CCCC; /*Coloque a cor dos Links visitados*/ text-decoration:none; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; a:hover { color: #707070; /*Coloque a cor dos Links quando passa o mouse em cima*/ text-decoration:none; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; 
} 

Depois vá editando conforme diz no html. Tabela de cores: 1 e 2

Gente to tentando preparar uma suprise pra vocês! Se der certo vocês vão amar!!!!!
Beijos, amo vocês <3 Posto mais tarde

5 comentários:

▒ Ruth Xavier disse...

Printinhoo.. está nos meus afiliadoos tbm.

www.capture-dream.blogspot.com

Sabrina Machado - Mundo da Moda disse...

ótimo tuto, bem útil :D
ah, vc já tá participando do sorteio que tá rolando lá no blog, junto com a loja Vovó Santa? dá uma olhada lá, vai ser uma honra ter a tua participação diva *-*

www.blogmundodamoda.com/

Sheila Lima disse...

Legal o tutorial, bem interessante!!!
Obrigada pelo carinho, flor, é um prazer para mim voltar aqui e seguir esse cantinho tão cute!!!
Muito obrigada por passar lá no DSM, que Deus te abençoe!!!

Mil Sweetkisses ♥
www.docesonhodemenina.com.br

▒ Ruth Xavier disse...

Oi, tem uma tag para você :)

http://capture-dream.blogspot.com/2012/02/tag.html

Bruna disse...

aaaaaaah parabens pelo 1selinho e que venha mts e mts mais HUDSHUSDA :) eu amo esse tutorial *-* rsrs ^^

Bjs,
bnascimentooo.net.tc