Personalizando Barra de Rolagem.

1. Entre no blogger e acesse o painel principal do seu blog.
2. Clique na guia “Modelo” –> “Edita HTML”.
3. Procure por ]]></b:skin>
4. Acima dessa linha cole o código abaixo.
Edite Onde estar vermelho.

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px; <!-- largura da barra de rolagem --> 
height: 5px; 
::-webkit-scrollbar-track-piece { 
background: #aebcbf; <!-- Cor do fundo da barra de rolagem -->
}
::-webkit-scrollbar-thumb:vertical { 
height: 5px; 
background: #000; <!-- Cor da barra de rolagem --> 
border-radius: 10px; <!-- Arredondamento da barra de rolagem --> 
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px; <!-- Largura da barra de rolagem na horizontal-->
background-color: #FFA500; <!- cor da barra de rolagem na horizontal-->
}

5. Agora só falta fazer as modificações!

0 comentários:

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t :u :v :x