7 de abril de 2012

Tutorial - Personalizando os Links


Oi Biscoitinhos de laranja
Bom sabe, eu 'transformei' os Links aqui do blog, como? 
Então, hoje vou ensinar como personalizar os Links!


1: Vai em DESIGN > Editar HTML > Aperte Ctrl+F e procure por:

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);
}


2: De a:hover até } (Onde tá em Azul) é aonde que você vai editar, abaixo da linha color ANTES de } cole isso:

border-bottom: 1px dashed #000000;

3: Entenda os Códigos!

1px: Isso é a Grossura da Linha, quanto maior o Número, mais Grossa.

Dashed: É o Tipo de Linha, você pode usar dotted que é a linha com os pontinhos. Pode usar Solid, que é a linha Normal.

#000000: É a Cor da linha, mude como quiser!



Gostaram?
Beijo...

Nenhum comentário:

Postar um comentário

Quer comentar? Siga as Regrinhas!
- Sem Spam!
- Sem Brigas!
- Sem Palavrões!
- Não ofenda nada ou ninguém!
- Não critique o Blog, fale coisas legais!
- Se divirta!
Qualquer comentário Fora disso vai ser Excluído!
Obrigado pela Atenção!