02/09/2012

Tutorial : Degradé nos Links .

Yo Minna - sama !
Como vão ? Espero que bem . Hoje levei um susto , pensei que ia ficar sem net hoje '-' , ainda bem que só era arrumar uma configuração e tal'z , e ainda bem também que o Tiozinho da Oi que me atendeu tinha um santa paciência (risos) . Vamos aprender a colocar efeito degradé nos links ? Confira >>
#1 : Vá no seu HTML , dê Ctrl + F ou F3 e procure por : a:link {  , abaixo dele vai estar esse código :
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);
}
#2 : Apague todo este código e substitua-o por este :
a:link {
color: #FF6EB4; /* Cor do link*/
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: #FF6EB4; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #FFB5C5; /*Cor do link quando passa o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
Tabela de cores : (www) .

10 comentários:

  1. Que massa vou tentar *-*

    californiadreams2.(blogspot.com.br)

    ResponderExcluir
  2. Olá! Encontrei este blog e devo dizer que me apaixonei *-*
    por isso ja estou a segui-lo :D
    Espero que possamos dar-nos bem por aqui ^^-

    *O* esse tuto vai dar-me imenso jeito para o meu layout la no Pankax
    Obrigada! *--*

    Espero que nao te importes que deixe o meu comment aqui ^^
    bai bai
    pankax-e-pankadax(.)blogspot(.)pt

    ResponderExcluir
  3. Que legal! Vou tentar futuramente ^^

    ResponderExcluir
  4. Olá novamente! =3
    vim retribuir seu comentario lá no Pankax. Fiquei muito feliz com o seu comentario, e espero mesmo que possamos ser boas amigas por aqui :)
    nao se preocupe, que nao vou deixar o Sonho Mais Profundo, porque estou completamente apaixonada por ele ^^

    Sim, aceito afiliaçao querida! :D
    espero que possamos ser boas afiliadas ^^
    Kissu
    pankax-e-pankadax(.)blogspot(.)pt

    ResponderExcluir
  5. Jeehs você gosta de selinhos? Te indiquei pra um http://lerimaginarcriar.blogspot.com.br/2012/09/selinhos.html

    ResponderExcluir
    Respostas
    1. Awn' obrigado Linda , eu amo receber selinho *--* Beijos !

      Excluir
  6. Obrigada! :D Eu tambem já te coloquei nos meus afiliados :)
    espero que posamos ser boas afiliadas ;)

    Kissu!

    ResponderExcluir
  7. Yo!O seu blog é mesmo muito kawaii *O*
    Adorei o tutorial,é bem útil ^^
    Já estou a seguir o seu blog >w</
    Vou continuar a ver coisinhas aqui ^^''

    Ja nee!!
    www.snizhanaotakuworld.blogspot.pt

    ResponderExcluir
  8. Oláaaa ,
    ameei este post. Super incrível !
    Aliás, me encantei com seu blog, é super interessante e muito cute.
    Vol voltar aqui hein, pode me esperar.
    Poderia visitar meu blog ?!
    Se puder seguir me sentirei honrada ;*
    É só clicar no meu perfil.
    Beijinhos, fique com Deus ;*

    ResponderExcluir

-Primeiro , não não peça Tutoriais / Materiais pelos comentários , use a Ask - me .
-Não desrespeite ninguém , tenha educação .
- Comente sobre o post .
- Deixe a sua url no fim do cometário para que eu posso lhe retribuir o mesmo .