6 de jan de 2013

Tutorial de como mudar a barra de rolagem.

Tumblr_lso6omwxxp1qcv9d7o1_500_large

Bem, eu achei esse tuto bastante interessante, então resolvi compartilha-lo com vocês, leitores! O tuto é do site Beijos de Gloss. Chega a baixo o tuto pessoal! *-*



1. Vá em ''design'' no seu painel, depois em ''editar html''.
2. Aperte Ctrl F e procure o código: ]]> , ele estará assim: ]]></b:skin>
3. Cole o código abaixo em cima de ]]></b:skin>,
*{
scrollbar-face-color:#f677cc;
scrollbar-highlight-color:#f677cc;
scrollbar-3dlight-color:#e177f6;
scrollbar-darkshadow-color:#e177f6;
scrollbar-shadow-color:#f677cc;
scrollbar-arrow-color:#e177f6;
scrollbar-track-color:#e177f6;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #e177f6; }
::-webkit-scrollbar-thumb { background: #f677cc; }


Para mudar as cores é super simples, os códigos que está rosa se refere a cor da barra de rolagem(aquela parte menor que se mexe) e os códigos que está roxo se refere ao fundo da barra(a parte que maior). Então é só substituir os códigos(as cores) não mexa em nada do código, só nos códigos das cores, #f677cc e #e177f6.


Clique aqui para ver a tabela de cores, é isso beijo seus fofos! ♥