BARRA DE ROLAGEM COLORIDA
 
x
x

Barra de Rolagem ou Scrollbar, é a barra localizada no lado esquerdo do Browser (as vezes aparece na parte inferior também). Utilizando um código CSS é possível configurá-la, deixando-a colorida e combinando com as cores do seu template.

1. Insira o código entre o <HEAD> e o </HEAD> do seu template. - Selecione tudo pressionando o botão esquerdo do seu mouse. Copie com Ctrl + C e cole com Ctrl + V.

<style> --> estilo

2. Observe a Figura e a legenda:

 

SCROLLBAR-FACE-COLOR = 1   ---------> face
SCROLLBAR-HIGHLIGHT-COLOR= 2  ---> realce
SCROLLBAR-SHADOW-COLOR= 3  ------> sombra
SCROLLBAR-3DLIGHT-COLOR= 4 -------> realce 3D
SCROLLBAR-ARROW-COLOR= 5 --------> seta
SCROLLBAR-TRACK-COLOR= 6  ---------> base
SCROLLBAR-DARKSHADOW-COLOR= 7 --> sombra escura

 

1 na barra acima, é a cor rosa claro
2 na barra acima, é a cor cinza
3  na barra acima, é a cor cinza
4 na barra acima, é a cor rosa escuro
5  na barra acima, é a cor rosa escuro
6 na barra acima, é a cor cinza

7

 na barra acima, é a cor rosa escuro

3. Olhando a tabela de cores, escolha as cores que você deseja utilizar para a configuração e coloque o código da cor, substituindo os códigos existentes.

Exs:
 
#FF6666 =  esta cor
#6600CC = esta cor
#3CCE22 = esta cor

>>> TABELA DE CORES:

Para colorir a sua barra, ou letras, ou fundo da sua página, você precisa conhecer um pouco sobre as cores Hexadecimais. Todas as cores utilizadas em montagem de homepage são definidas por um código hexadecimal que se inicia com o símbolo "#", seguido de uma seqüência de números e letras.

Para saber o valor hexadecimal de uma cor e poder configurá-la no seu código HTML, clique sobre o ícone COR DA FONTE. Clique em Mais cores. Ali você verá uma série de cores. Para ver mais, clique em Personalizar, na janela Mais Cores.Posicionando o mouse sobre a cor (sem clicá-lo), ele mostrará o código da cor da seguinte forma: Hex={FF,66,66}

Ao configurar a cor no código HTML, dispense o prefixo "Hex", as "{ }" e as vírgulas. Insira o símbolo "#". Logo, o código Hex={FF,66,66}, ficará #FF6666.

 

Dúvidas? Leia o FAQ.


.:: www.euseifazer.kit.net ::.