Formatação dos links
Calendário de artigos
S | T | Q | Q | S | S | D |
---|---|---|---|---|---|---|
voltar ao mês actual | ||||||
01 | 02 | 03 | 04 | |||
05 | 06 | 07 | 08 | 09 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 |
Normalmente é importante que o visitante no site consiga distinguir os links do texto normal, assim como um bom aspecto neles para além do normal azul para os links não visitantes e a espécie de lilás para os que já foram visitados, apesar de não ser muito bom também fugir a essas cores pois pode tornar dificil a distinção. Uma sugestão é manter o underline nos links e jogar com as cores.
Aqui fica um exemplo possível para os links, isto deve ser colocado num ficheiro .css
.
- a:link {
- color: #00ffcc;
- text-decoration: underline;
- font-weight: bold;
- }
- a:hover {
- color: #ffcc00;
- text-decoration: none;
- font-weight: bold;
- }
- a:active {
- color: #ff33ff;
- text-decoration: underline;
- font-weight: bold;
- }
- a:visited {
- color: #ff0000;
- text-decoration: underline;
- font-weight: bold;
- }
Se tivessemos alguma declaração igual para algum selector poderiamos agrupá-los, por exemplo:
- a:link, a:active, a:visited {
- color: #00ffcc;
- text-decoration: underline;
- font-weight: bold;
- }
- a:hover {
- color: #ffcc00;
- text-decoration: none;
- font-weight: bold;
- }
- a:link - link novo que ainda não foi visitado
- a:hover - quando o rato está por cima do link
- a:active - quando o rato clicou no link
- a:visited - quando já visitamos o site do link
Comentários