20.7.14

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 ^^


Sem comentários:

Enviar um comentário