quarta-feira, 31 de outubro de 2012

Barra de rolagem personalizada #2

Salve Salve penguins como vão ?

Lembram do tutorial da Barra de Rolagem Personalizada ? Então,ela está de volta em uma nova forma !
Antes a barra antiga era oval,sem chance para mudar o formato dela,agora a nova barra é mais bonita,com um estilo retangular para seu blog.

Bom,vamos começar !

Abra seu blog, vá em Modelo>Editar HTM> CTRL+F e procure por:   ]]></b:skin> 
Quando encontrar,cole o seguinte código ACIMA da tag que você procurou:


*{
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; } 

Para mudar a cor da barra,edite apenas os seguintes trechos:


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

Na primeira linha,mude o #343434 para a cor de sua preferencia. (isso definirá o fundo da barra)
Na segunda linha,mude o #FF69B4 para a cor de sua preferencia. (isso definirá o botão da barra)
Se você não souber as cores em HTML, clique >>AQUI<< e veja !
Se estiver tudo certo visualize e salve .

Espero que tenham entendido a dica,se ficar alguma dúvida posta nos comentários que eu irei te ajudar.

Até a próxima !


Nenhum comentário:

Postar um comentário