Efeito de link hover riscado


  Hi de novo pessoal, neste tutorial eu lhe ensinarei á como colocar Efeito de link hover riscado em seu blog, é super simples porém leva alguns tempinho.. que tal começarmos agora?
 Entre em Designed  Editar HTML  Ctrl + F  a:link {
Quando achar aparecerá este código:

a:link {
text-decoration:none;
color: #000000;
}
a:visited {
text-decoration:none;
color: #000000;
}
a:hover {
text-decoration:none;
color: #000000;
}
 Apague todo ele, e substitua por este:
a:link {
color: #000; /* 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: #000; /*Cor dos links visitados*/text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #000; /* Cor do link*/text-decoration:line-through;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
  Fácil, simples, nem um pouco demorado, né?! Porém ele fica muito bom nos blog's, espero que eu tenha lhe ajudado e que use ele..  


2 comentários:

  1. estava procurando esse tutorial!! amei
    bjoos
    noisconectados.blogspot.com.br

    ResponderExcluir
  2. Amei o tutu.
    www.sweetbombgirl.blogspot.com 2 beijos!

    ResponderExcluir

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo