Decoração dos LinksRuy Miranda Otimização de Sites Os textos dos links comportam muitas variações na forma como são apresentados. Citei algumas na página Grafias dos Links, e nesta página vou mostrar outras, relacionadas com decorações. Decorar textos dos links tem objetivos estéticos e práticos. Os estéticos obedecem ao gosto de cada um. Necessidades Práticas – As razões práticas para decorar os links seguem as necessidades dos usuários. Por exemplo, se desejamos facilitar a leitura do texto do link por parte dos usuários que têm problemas visuais, é conveniente dar-lhes um destaque que pode ser um negrito ou uma cor ou qualquer outro recurso que facilite a leitura. Se você escreve um site ou diretório ou página destinado a pessoas da terceira idade, é conveniente também dar algum destaque nos links. Para os idosos é ainda interessante deixar uma cor diferente nos links visitados porque eles, muitas vezes, têm dificuldade em se lembrar de já terem visitado um dado link na página. CSS – Os editores de CSS (Cascading Style Sheet) geralmente apresentam alternativas para essa variação nos links. As instruções colocadas no estilo dos links por meio do CSS são aplicáveis a todos os links de todas as páginas do site. Entretanto, por muitas razões, você pode querer variar a apresentação dos links de uma página para outra. Neste caso você coloca uma instrução entre as tags <head> da página e ela se sobreporá às instruções do CSS. Por exemplo, neste site, o estilo dos links se acham em uma página de CSS, onde estão especificados a apresentação e a cor deles. Entretanto, eu introduzi uma instrução específica para esta página, entre as tag <head>. Dirija o seu mouse para os links, sem clicar, e veja como eles se apresentam. Estilo Complementar – Quando colocamos os estilos na página de controle de estilos do CSS, eles funcionam para todas as páginas, mas se queremos fazer um estilo complementar, específico para um dada página, colocamos a instrução entre as tags <head> da página . Neste caso, coloquei a seguinte instrução complementar, como pode ser visto no código fonte: <style> Compare o funcionamento dos links em outra página deste site com o dos links desta página. O texto de cada link ficou da cor prevista nos estilos CSS, mas o sublinhado e a área seguiu a instrução colocada nesta página, ou seja, quase preto e vermelho, respectivamente. Na palheta de cores podemos fazer escolhas e, quando a cor não é definida, como o são red, blue, black, silver, gold, orange, etc., podemos adotar as letras e números que a definem, como foi o caso de 000097. Naturalmente, quando descrevemos o estilo de um link, levamos em conta todos os links do site e das diferentes páginas, e o fundo em que se encontram, de sorte a ter sempre boa visibilidade, mesmo quando ele fica decorado pela passagem do mouse. Maio/2006 |