Tutorial:Como tirar sublinhado dos links

 

Oiee gente,eaí gostaram do novo cabecalho que eu mesma fiz??

Bom gente,como vocês repararam ounão agora os links do Haus Of Teen não tem mais aquele sublinhado,

que na minho opinião era chato e desnecessário,muito obrigada ao Raining in Paris,o novo Just Like She,pelo tutorial,clique em Leia Mais para ver o tutorial↓

Oi pessoal, hoje vamos à um tutorial simples, fácil e rápido, deixa o blog mais bonito e menos tradicional, que tal? Vamos lá, fazer. '-'

Primeiro, vá em Design >> Editar Html e procure por a:hover. Vai aparecer mais de um resultado, olha:

Pelo menos, no template viagem sim. ;3 Então, feito isso, você tem que verificar todos eles. No primeiro, do meu layout, está assim:

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

Se no seu está assim, troque por:

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

Agora para o próximo. Clique na caixinha de pesquisar e dê enter para ir pro próximo a:hover. No meu está assim:

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  z-index: 1;
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);

Se estiver assim, não precisa mudar nada. No próximo, está assim:

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

Este é do titulo da postagem, se quiser que não tenha sublinhado, troque por:

h3.post-title a:hover {
  text-decoration: none;

Agora no próximo, está assim:

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

Troque por:

.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: none;

E o último:

.footer-inner .widget a:hover {
  color: $(link.color);
  text-decoration: underline;

Troque por:

.footer-inner .widget a:hover {
  color: $(link.color);
  text-decoration: none;

Prontinho,espero que dê certo com vocês*-*