22 de jan de 2013

Como deixar os Links sublinhados ???


Olá Tripulação do Navio !!!
 
 
Neste post os Créditos são imensos para Este Blog !!! Vocês me ajudaram demais!!
 
 
Vocês já devem ter visto links que ficam deste jeito quando passamos com o Mouse por cima:
 
 
E é exatamente o que eu Vim Explicar, como sempre com mais detalhes para os nossos Iniciantes!!
 
Vamos aos Passos!!



Primeiro Passo
 
 
Visualize seu Blog e Clique em Design lá em cima no cantinho Direito
 
Assim que a página abrir Clique na Opção "Editar HTML"
 
 
Segundo passo
 
 
Aperte Ctrl + F e procure pelo código escrito na primeira linha (Destacado em Azul):
 
 
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color:$(link.hover.color);
} 
 
 
Destacado em Lilás é a parte em que vocês vão editar, da parte a:hover {
até a última chave destacada (}). Antes dela cole este código:
 
border-bottom: 1px dashed #000000;
 
  
 
Terceiro Passo
 

 
É a hora de personalizar, o que?? Mas como assim??
 

1px - Mede a grossura da linha, quanto maior for o número, mais grossa ela é.
 
Dashed - É o tipo de linha. Pode-se usar o tipo dotted, que seriam as linhas com pontinhos. E também o tipo Solid, que é uma linha normal.
 
#000000 - É a cor da linha, pode ser a que você gostar!!
 
 
Quarto e Último Passo
 
 
Clique em "Salvar Modelo" e depois que estiver salvo em "Fechar"
Está Prontinho, pode Visualizar Seu Blog para Conferir!!!
 
 
Espero que esse tutorial tenha ajudado!!
 
Não deixe de Fazer a sua pergunta ou deixar seu comentário!!


Nenhum comentário:

Postar um comentário

Aqui Nos comentários não é permitido

- Ofensas contra as outras pessoas.

*Obs. Seria agradável se os comentários fossem sobre o Post feito!!

Obrigada, e bom proveito de nossas dicas!!!