Geral Códigos 2018

sexta-feira, 18 de janeiro de 2013

Barra de rolagem redondo



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. Para mudar a Cor do Fundo da Barra de Rolagem basta alterar o que estar em "Vermelho", para mudar a Cor da Barra de Rolagem basta alterar o que estar em "Verde", para mudar a Cor da Barra de Rolagem Horizontal basta alterar o que estar em "Azul".

6° Agora só Visualizar e Salvar!
Postagem mais recente Postagem mais antiga Página inicial

0 comentários:

Postar um comentário

Copyright © Geral Códigos

Design by IGOR MENDES | INSTA: @IGRMENDS