quarta-feira, 2 de janeiro de 2013

barra de rolagem do blog como muda e personalizar



Barra de rolagem do Blog personalizada


Ooin galera, ando um pouco ausente né?! :/ Mas nunca vou abandonar esse cantinho...
Enfim, hoje tenho uma dica legal para vocês.
Vou ensinar como mudar a cor da barra de rolagem do blog, já repararam que a minha barra está colorida? É uma fofura né?! haha
Isso não tem muita ''ultilidade'' mas deixa o blog bem colorido e atrativo. Vamos aos passos.

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:#FF1493;
scrollbar-highlight-color:#FF1493;
scrollbar-3dlight-color:#8B4513;
scrollbar-darkshadow-color:#8B4513;
scrollbar-shadow-color:#FF1493;
scrollbar-arrow-color:#8B4513;
scrollbar-track-color:#8B4513;
}

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

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


4. Clique em salvar e veja como ficou.


Para mudar as cores é super simples, os códigos #FF1493 se refere a cor da barra de rolagem(aquela parte menor que se mexe) e os códigos #8B4513 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,#FF1493 #8B4513.

Aqui está o site com a tabela de cores
http://www.efeitosespeciais.net/tabela.htm
Escolhas as cores de sua preferencia e substitua. Eu espero que tenham gostado da dica, pois eu ameeei minha barra colorida, kkk
Beijiinhoos!