27 de fev de 2013

Barra de rolagem colorida


Yoo !!! Como vocês estão ? Hoje realmente estava um dia muito quente, mas finalmente consegui um tempinho para poder acompanhar os meus blogs . Muitos blogs já utilizam a barra de rolagem modificada, por deixar um tom mais agradável e Kawaii. Mas é sempre bom dar uma olhada, não é mesmo ???


Vá até o HTML do seu blog, dê um Contrl + F e procure por: ]]></b:skin>

Após encontrar o código, ACIMA dele cole o código abaixo:


*{


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


ENTENDENDO O CÓDIGO 

Para aumentar a barrinha: basta você substituir 12px pelo valor que lhe agradar. Caso queira aumentar ou diminuir é só modificar o 12.

Trocar a cor do fundo: basta você substituir #343434, pelo código da cor que você deseja no fundo da sua barra de rolagem. Clique aqui para ver a tabela de cores.

Trocar a cor da barra: basta você substituir  #FF69B4, pela cor que você deseja na sua barrinha.

Agora é só visualizar, salvar e pronto !!!

créditos ao Jackie Dream.
Beijos e até a próxima  !!!

Nenhum comentário:

Postar um comentário