9 de set de 2012

Tutorial - Fade no Título do Post e Sidebar


Hey People, hoje trouxe um tutorial que vamos retirar o famoso sublinhado do título do post e por o efeito colorido.


Vá no seu HTML e procure por

Underline

vai aparecer assim:
h3.post-title a:hover {
  text-decoration: underline;


apague todo esse código:

  text-decoration: underline;


 e no lugar cole:

 color:#suacoremhtmlaqui

agora é só editar aonde eu coloquei "Suacoremhtmlaqui"

agora para editar o da sidebar procure por:

.sidebar .widget a:hover {

vai aparecer mais ou menos assim:

.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: underline;
}
apague tudo dentro dais chaves e coloque novamente este código:


color:#suacoremhtmlaqui

agora para o post procure por:

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

na parte:

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

apague todo código entre as chaves e cole isso:

color:#suacoremhtmlaqui 

E pronto, agora é só editar as cores nessa Tabela


Créditos: Let's Go
Beijinhos :)

2 comentários: