21 abril 2012

Tutorizando - efeito fade


Oioi ! u-u Hoje eu vim avisar que a semana de provas da minha escola já acabou, eu não fiquei com notas vermelhas (graças a Deus) e também vou postar um tutorial , a pedido da Lu Oliveira do Sweet Flower . Ela queria saber como fazer esse efeito fade rápido nos links , então eu vou postar esse tutorial (:
é bem simples , primeiro você vai ter que ir em design >> editar html >> aperte ctrl+f e procure por :

a:link {

Vai aparecer assim :


Quando achar ,  substitua tudo o que está aparecendo na imagem , e substitua por :

a:link {
color: #SUACOR; /*cor do link normal */
text-decoration: none;
-webkit-transition: color 0.15s ease-out;-moz-transition:
color 0.15s ease-out;transition: color 0.15s ease-out; /*efeito fade*/
}
a:visited {
color: #SUACOR; /*cor do link visitado*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*opacidade*/
}
a:hover {cursor: crosshair
color: #SUACOR; /*cor do link quando o mouse está em cima*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*opacidade*/
}

Eu acho mais fácil falar pra substituir todo o código do que ficar apagando um monte de coisa , e ficar colando mais códigos no lugar . Assim não tem erro ! 

Se você quiser editar o cursor , que aqui no meu é aquela cruzinha (crosshair) , substitua o que está em verde pelo nome do cursor que você quer (: Eu recomendo esse blog para vocês verem s cursores padrões .

É isso pessoal , beijos :3


4 comentários:

Fernanda Floyd disse...

Eu já uso esse efeito em fade, não só nos links, também em algumas outras coisinhas. Acho muito legal o jeito que ele muda de cor sabe, eu não sei explicar, apenas gosto!
Adorei aqui, é lindo! Já estou seguindo aqui, se gostar do meu, pode seguir? Estou tentando concluir minha meta de 400 :) Aceita afiliação e/ou parceria? Espero que sim!

Beijos,
www.tothegossipgirl.blogspot.com

Anônimo disse...

Oie flor, já te coloquei
nos afiliados ^^
Bezzos .;;*
http://garota-piink.blogspot.com.br/

Sâmella Bridges disse...

Sou nova aqui no blog, mas já amei! Layout lindo, postagens super legais e muito bom o tutorial! :)
Aceita afiliação, flor?
Bjos...

http://sammysacional.blogspot.com.br/

Anônimo disse...

oi!
adoro de paixão seu blog.
só vim aqui mesmo para te convidar pra participar do sorteio no meu blog que vale uma camiseta meme!
aqui está o link:
http://oblogdapp.blogspot.com.br/2012/04/oi-gente-vim-aqui-trazer-uma-novidade.html
espero vc anciosamente lá!!!