Como por tachado nos links

541624_416083288476865_696135781_n_large
Olhos perfeitos ui!

Oi oi amorinhas! Vocês já devem ter percebido que os links aqui do blog tem efeito tachado quando você passa o mouse. Vou ensinar como fazer.

Vá em HTML e procure por a>link { vai aparecer esse 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 esse código e cole no lugar:

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;
}

Depois é só salvar e conferir, passando o mouse sobre os links. Se tiverem dúvidas podem me perguntar comentando.

Kissus


Designer por Ana Clara do blog Imperfect Girl | Tecnologia do Blogger | Todos os direitos reservados © 2012