Barra de rolagem personalizada [ANIME SPIRIT]

Olá, como vão?! (Não sei por que sempre perguntamos como vão, sendo que nunca iram responder). Emfim, hoje venho com mais um tutorial do Spirit. E blá, blá, blá. Como estou muito agitada vou começar com a encheção de saco para ficar tudo lotado aqui^^ Mentira vamos lá! - Vou ensina-los como mudar a barra de rolagem no anime spirit. *preview*

Vá no código de seu Style. Pressione ''F3'' e procure por #base {

Abaixo dele, isto é, depois a chave "}" cole este código:

::-webkit-scrollbar-thumb:vertical {
background: #f0ceda; /*Cor da barrinha que se move*/
border: 1px solid #fff; /*Coloque borda se quiser*/}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f0ceda; /*Cor da barrinha que se move*/
border: 1px solid #fff; /*Coloque borda se quiser*/}

::-webkit-scrollbar {
width:10px; /*Largura da barra de rolagem*/
 background: #fff; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}

Caso queira uma imagem como fundo da barra, substitua o "background: #COR;" por:

background-image: url(LINK-DA-IMAGEM);

O interessante é que a barra não fica somente no site em si, ele também é modificado no menu lateral onde se encontra os amigos e os grupos em que estão.^^

Espero que tenham gostado. Flw. Bye!♥,♥

Crédito do código(www)