terça-feira, 5 de novembro de 2013

Barra De Rolagem Colorida

|| ||
                                                            Hooy Pandas' *-*
Esse é meu primeiro tutu se caso vocês nao entenderem alguma coisa pode tirar duvida no nosso ask ou pelos comentários e espero que gostem do tuto *=*
Bom recebi o pedido no ASK para ensinar a colocar barra de rolagem colorida então vamos começar

A barra vai ficar mais o menos assim
: 
No painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.
 Aperte Ctrl+F, procure por ]]></b:skin> e cole antes esse código:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
width:15px; /*Largura da barra de rolagem*/
 background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}
É só alterar as cores conforme indicado, visualizar, e se estiver tudo certo, salve. Se não quiser cantos arredondados, apague as partes em verde.

Nenhum comentário

Postar um comentário