Barra de rolagem colorida - código simples

É possível também colocar cores na barra de rolagem de uma mensagem como a que está neste modelo

Como proceder:

1 - Abra uma nova mensagem;

2 - Clique na aba "Origem", na parte inferior da sua mensagem. Se ela não estiver visível, vá em "Exibir" e selecione "Editar código fonte".

3 - A Origem da sua mensagem deve estar assim:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV>&nbsp;</DIV></BODY></HTML>

4 - Está vendo os dois tags STYLE marcados em cor diferente?

Vamos fazer como na lição anterior: delete essa linha  <STYLE></STYLE>

Neste mesmo lugar copie e cole o código que está abaixo:


<STYLE>BODY {
SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-BASE-COLOR: #DFA7C0
}
</STYLE>



A Origem deve ter ficado assim:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE>BODY {
SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #DFA7C0
}
</STYLE>

</HEAD>
<BODY bgColor=#ffffff>
<DIV>&nbsp;</DIV></BODY></HTML>


Vamos entender os significados:

SCROLLBAR-ARROW-COLOR: #FFFFFF - é a cor daquela setinha que aparece nos dois quadradinhos extremos da barra de rolagem e #FFFFFF é o código da cor branca.

SCROLLBAR-BASE-COLOR: #DFA7C0 - é a cor da barra de rolagem propriamente dita.

Você também pode usar o código com o comando SCROLLBAR-FACE-COLOR e o tag STYLE ficaria assim:

<STYLE>BODY {
SCROLLBAR-FACE-COLOR: #dfa7c0; SCROLLBAR-ARROW-COLOR: #ffffff
}
</STYLE>

Compare os dois modelinhos desta lição. No modelo 1 usamos SCROLLBAR-BASE-COLOR e no modelo 2 usamos SCROLLBAR-FACE-COLOR

Mude as duas cores que foram usadas. Veja a Tabela de Cores que está na parte de Material de Apoio, ou o cubo de cores do anexo 01.

Essa lição é apenas para estudo e entendimento do código. A lição a ser apresentada à lista é a de número 12.

Helena Monteiro e Zoia Sales Cavalcante