Personalizando Links com CSS
Você já deve ter se deparado com essa situação, está fazendo seu site, e quando adiciona um link para uma página interna, ou para algum outro site, o link fica com as cores padrão, azul, sublinhado, etc… Nada mais comum que isso, não acha ??
Pois é, a personalização desses links não são nada de outro mundo, ou como diria o “Seu Creysson” do Casseta e Planeta, “seus pobremas se acabaram-se de acabar”… hehehehehe, vou mostrar aqui uma forma prática e simples de fazer isso.
Vamos botar a mão na massa.
Você tem lá em seu HTML os tais links que falei acima, azuis, sublinhados e tal, então antes de tudo vamos criar no tag <style> se houver, caso não tenha crie-o, ou se você está utilizando um arquivo CSS externo, faça a edição nele.

Linha 1: Aqui especificamos que utilizaremos essas definições para os LINKS, o a:link diz que está definido para links normais, assim como o a:visited definique que terá as mesmas definições para os links que você já visitou, e o a:active são os links que você está vendo, mas neste caso é uma pré-definição somente para o IE.
Linha 2: Aqui tiramos o tal sublinhado padrão dos Links
Linha 3: E aqui definimos em padrão hexagonal a cor que queremos que o Link tenha, se você utiliza o DreamWeaver, ele já faz isso automaticamente
Linha 5: Nesta linha assim como na linha 1, definimos qual a definição para quando você passar o mouse sobre ele, no caso isso se chama HOVER
Linha 6 e 7: Segue a mesma explicação das linhas 2 e 3
Então feito isso no seu código HTML seu link vai ficar com a cor Azul Claro e quando passar o mouse sobre ele, ficará da cor laranja.







10 Melhores dicas para WordPress
Desenvolvendo web com Modernizr
Barra de scroll com nanoScroller.js
jQuery e jQuery Mobile: A Evolução em um Framework
Confira o Podcast webARTz, com vários assuntos abordados aqui no blog. Utilize os links abaixo para baixar os arquivos.



Comentários (0)
Trackbacks/Pingbacks (0)