domingo, 8 de janeiro de 2012

Tutorial barra de rolagem de outra cor


Oi meninas cor de rosa! Tudo continua cor de rosa? Bom, espero que sim! Este é meu primeiro tutorial! Eêê! Vamos ao que interessa: ele é sobre: a barra de rolagem -->
Bom, eu estava mexendo na net, e achei um blog super bacana!O Manias Girls.
Eu me apaixonei pela aquela barra de rolagem rosa e preta! Eu perguntei a ela, se poderia me ajudar! E neste blog, ela comentou o link onde aprendeu!Menina Nerd. Bom, lá ela explicou o tutorial! Que tinha aprendido em outro blog hehe! No Pink Skull Design! Bom, lá estava o tutorial! Aqui vou repassá-lo á vocês!



 
Primeiro passo:
Entre com seu login, clique em Design depois clique em editar html segure o Ctrl e aperte o F, e procure por
]]></b:skin> 
 
Segundo passo: antes dele cole:
*{
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; }

 
* #FF69B4 é o código da barra e, #343434, o fundo, pode escolher a cor que desejar, é só ver qual o código dela aqui: Tabela De Cores e depois trocá-lo pelo que está ali!
 
Observações: Como diz lá, não funciona com o FireFox!
 
Simples não? Agora visualize, se estiver do jeito que esperava, salve e continue mexendo, se não, tente mudar de cor!   

Créditos á: Menina NerdManias Girls e Pink Skull Design!

Nenhum comentário:

Postar um comentário

Curtiu o blog? Comente abaixo: