
Oi pessoal!!! Então estou aqui novamente para ensinar à vocês personalizarem a barra de rolagem do seu blog, ele fica igual o do Moon Cheese, super fácil e lindo! Vamos lá:
Vá em design - Editar HTML - Aperte CTRL + F e pesquise por:
]]></b:skin>
Cole antes do código esse outro:
{
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; }
Agora, só basta mudar a cor. Veja como:
- width: 12px = Essa é a largura da barra.
- background: #343434 = Esse é o fundo da sua barra
- background: #FF69B4 = Esse trecho é a cor da barra da rolagem
- background: #343434 = Esse é o fundo da sua barra
- background: #FF69B4 = Esse trecho é a cor da barra da rolagem
Tabela de Cores e escolha duas cores, uma para o fundo e a outra para a barrinha. E sua barra personalizada está prontinha!!!
Beijos, Maria Cecília.
Nenhum comentário:
Postar um comentário