Barra de rolagem colorida

Existem diversos códigos para colorir as barras de rolagem.

Um código bastante simples é este:


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

--------------------------------------------------------------------------------


Ele deve ser colocado antes de <BODY....no início da "Origem" ou entre as tags: <head></head>:

Veja o significado:

SCROLLBAR-ARROW-COLOR: #000000 é a cor da setinha, no caso, preta.

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

Você pode variar estas cores, combinando-as entre si e com o papel de carta aplicado ou contrastá-las. Vai depender dos efeitos que você queira e também de seu gosto pessoal.

Veja um exemplo, com o código completo (cor de fundo, moldura e barra de rolagem colorida). Para usá-lo, delete tudo o que está escrito na aba "Origem" e cole o código que encontra mais abaixo).
 

----------------------------------------------------------------------------------------------------------------------------------------------------------------

<!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.2600.0" name=GENERATOR>
<STYLE>
BODY {BORDER-BOTTOM: #967549 12px ridge; BORDER-LEFT: #967549 10px ridge; BORDER-RIGHT: #967549 10px ridge; BORDER-TOP: #967549 12px ridge}
</STYLE>

<STYLE>BODY {
SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #895843}
</STYLE>
</HEAD>
<BODY bgColor=#fbf2bf>
<DIV><FONT face="Comic Sans MS" color=#fbf2bf><FONT color=#472323>Escrever seu
texto</FONT> aqui</FONT></DIV>
<DIV></DIV></BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Se você quiser o código completo, apenas para a barra de rolagem colorida, pode usar este:

<!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.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<STYLE>BODY {
SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #895843}
</STYLE>
</DIV></BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

(Basta alterar os itens que deixei assinalados em vermelho, para mudar as cores.) Veja uma Tabela de Cores aqui.

Você pode voltar à aba Editar e formatar seu plano de fundo, o som e/ou inserir figuras.