Barra de rolagem personalizada

Okaeri :)

Aqui está mais outro tutorial super simples e bem conhecido, que ainda assim tenho de registar aqui no blog, já que faz sempre falta ;) É a personalização da barra de rolagem (modelos AQUI), que é sempre a diferença. Ela está bastante simples, com uma largura de 10px e tem a opção de arredondar os cantos. Na deste blog eu uso também border-bottom e border top e ainda sombra interna, mas enfim, cada um personalize à sua maneira. Só não coloque estreita demais, se não é quase impossível de agarrar #ficaadica

Procure por: 

/b:skin

Acrescente em cima:

::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/
background: #8f8f8f;
border-radius: 0px; /*aumente o número para arredondar os cantos */
}
::-webkit-scrollbar { /*barra vertical fixa*/
width: 10px;
background: #b8b8b8;
}

Agora é só mudar as cores e tal. Ela está acinzentada.

Tuto simplíssimo, mas espero que tenham gostado ^^