 |
 |
 |
Controle de Cores e Gráficos de Fundo
- Cores e elementos gráficos de fundo
- Cores de letras e links
1. Cores e elementos gráficos de fundo
- O Atributo Background
O atributo Background deve ser aplicado à marcação <body>. Este atributo especifica a URL de uma imagem que será utilizada como fundo (background) de uma página. Esta imagem ocupará toda a área de fundo da tela.
Deve ser escrito desta forma:
<body background="images/fundo.gif"> .. toda a página .. </body>
É importante ter cuidado para que elementos de fundo não prejudiquem a leitura do texto em tela. De um modo geral, esses elementos devem aparecer em cores bem claras e sutis.
Sempre vale a pena visitar outras páginas que utilizam esse recurso
para recolher
boas idéias.
- O Atributo BGColor
Este atributo também deve acompanhar a marcação <body>. Ele permite que se defina uma cor padrão para o fundo da página, sem necessidade de um arquivo imagem para isso.
O formato da marcação é:
<body bgcolor="#rrggbb">Aqui fica a página</body>
Onde "#rrggbb" é um código hexadecimal no padrão "red-green-blue" utilizado para especificar a cor de fundo.
Sugerimos a consulta a uma tabela desses padrões disponível em serviço da INFINET, em: http://www.infi.net/wwwimages/colorindex.html . Uma versão desta tabela encontra-se no final deste documento.
2. Cores de letras e links
- O atributo TEXT
Este atributo é utilizado para controlar a cor do texto "normal" em uma página. Ou seja define a cor de todo o texto do documento exceto os links. O atributo deve acompanhar a marcação <BODY>, escrevendo-se da seguinte forma:
<body text="#rrggbb">Aqui entra o documento</body>
Onde "RGB" é um código hexadecimal do trio "red-green-blue", exatamente no mesmo padrão daquele utilizado no atributo BGCOLOR. Para conhecer as variações desse padrão sugerimos consulta a tabela disponível na INFINET citada anteriormente.
- Os atributos LINK, VLINK e ALINK
Este atributo controla a cor de textos que funcionem como link na página.
- LINK define cores de links nao consultados
- VLINK se referente a links já consultados e
- ALINK determina cor de links quando ativados.
A notação é absolutamente igual à anterior, seguindo os mesmos padrões para definir as cores. Uma definição completa incluiria então:
<body text="#rrggbb" link="#rrggbb" vlink="#rrggbb" alink="#rrggbb">
Aqui entra o documento
</body>
voltar para o menu anterior