In

Barra de Rolagem Colorida


Genteem achei um tutorial com uma dica bem legal que você pode muda a cor da barra de rolagem do seu blog e dá um ar todo especial ao seu layout [ só usem o bom senso =) ].
No final do tutorial, a barra de rolagem do seu blog vai ficar mais ou menos assim:




Vamos começar?
No painel do blogger, clique no nome do seu blog, depois, clique em "Editar HTML" que fica em baixo da miniatura do seu blog, 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*/height:50px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}/*** 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*/height:10px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; }/*** Parte fixa da rolagem (fundo que não se move) ***/::-webkit-scrollbar {height:10px;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.
Se usarem creditem o  Cherry Bomb

Related Articles

0 comentários:

Postar um comentário