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 !
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