Tutorial : Barra de Rolagem Colorida .

Olá , acho que para muita gente este tutorial será útil , quem não gosta de deixar seu blog mais kawaii ? Bom , acho que todo mundo , então vamos lá ,mãos a obra ...

Vá no seu HTML , Ctrl + F ou F3 e procure por ]]></b:skin>     .

Antes desta tag cole o código abaixo :

*{

scrollbar-face-color:#FF69B4;

scrollbar-highlight-color:#FF69B4;

scrollbar-3dlight-color:#343434;

scrollbar-darkshadow-color:#343434;

scrollbar-shadow-color:#FF69B4;

scrollbar-arrow-color:#343434;

scrollbar-track-color:#343434;

}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }

::-webkit-scrollbar-thumb { background: #FF69B4; }

 Personalizando :

No trecho: width: 12px  corresponde a largura da sua barra, para alterar substitua somente o código destacado em vermelho.Quanto mair o número for mais larga ficara e vice versa.


No trecho: background: #343434   corresponde a cor do fundo da sua barra, para alterar substitua somente o código destacado em vermelho.


No trecho: background: #FF69B4   corresponde a cor da própria barra de rolagem, para alterar substitua somente o código destacado em vermelho.

Tabela das cores aqui .

Créditos : (www)