6 de out. de 2015

Barra de rolagem personalizada



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

 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