Links com Hover Overline

 

Yoo !

 

Trouxe um tutorial bem simples pra vocês, apenas por via das dúvidas.

O efeito overline é uma linha sólida acima da palavra. 

 

Pra entenderem

 Se UNDERline é uma linha abaixo, OVERline é acima.

Para aplicar apenas no hover dos título das postagens:

 

Procure por:

h3.post-title a:hover {

Abaixo disso você vai encontrar: 

text-decoration: none;

Troque o none por Overline. Vai ficar assim:

text-decoration: Overline;

Salve e veja se está tudo certo.

Para aplicar nos links do blog:

Procure por:

a:link {

Vá descendo e mais abaixo você vai encontrar uma tag de a:hover, abaixo dessa tag de hover, você encontrará:

text-decoration: none;

Troque o none por Overline. Vai ficar assim:

text-decoration: Overline;

Salve e veja se está tudo certo.

Dica de Personalização

 

 Se você quer que fiquem dois traços, um acima e um abaixo, depois de overline coloque underline. Deixando assim:

text-decoration: Overline Underline;