domingo, 26 de fevereiro de 2012

Efeito hover nos links de navegação

Untitled

Opa! Vou logo avisando que não é apenas só nos links da navegação e sim, em qualquer link que estiver em seu blog! Para não dar confusão depois de personalizado, coloquei esse título apenas para resumir. Bom, o motivo dessa postagem é que há alguns dias atrás uma leitora me pediu e com postagens programadas, não tive como postar. Enfim, pedi a ela um tempinho para me organizar e aqui estou com a postagem como havia prometido :D


Vá em Modelo > editar Html > Ctrl+F e procure por : 
/* Content

logo abaixo você vai encontrar a:link { não sei bem ao certo como que parece em seu templante. Poderá aparecer assim:
a:link {
  text-decoration:none;
  color: $(link.color);
}
a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration:bold;
  color: $(link.hover.color);
}

você vai substituir o que está nelepelo seguinte código:


a:link {
  text-decoration:none;
  color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link quando for selecionado
  font-weight: bold; /* Efeito do link
}
altere o que foi marcado de roxo, pelo nome do efeito

Para as cores em hexadecimais
www
www
www
www


Efeito de links: 
underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*



a:link {
text-decoration:none;
color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link quando for selecionado
font-weight: bold; /* Efeito do link
}

altere o que foi marcado de roxo, pelo nome do efeito

Cuidado para não apagar nenhum caractere, caso ao contrário irá dar erro!!!
Beijos :*



Nenhum comentário:

Postar um comentário

Hey!
Fique a vontade ao comentar! Sem xingamentos por favor!

Muito obrigada!♥