publicidade
publicidade
publicidade

Personalizando Barra de rolagem do blog!

Postado em: 27 janeiro 2012

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.

/* ---------------- 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!
Deixe seu Comentário:
Sem comentários »
Categorias:

0 comentários:

Postar um comentário