Modelos para barra de rolagem

Olá leitores, Quanto tempo, não? Eu fiquei ausente desde que a Roh trocou o Layout e só agora percebi como a ilustração é chatinha de se fazer, odeio fazer banner's assim e minha tentativa foi #fail. Pois então, vamos as devidas explicações: Eu estava doente, para piorar aconteceu alguns problemas na blogosfera e outros em minha vida pessoal. Isso não ajudava em nada minha animação para postar; Eu larguei todos os blogs, até mesmo o meu. Obrigada Roh pelo apoio <3 O GNMH é importante para mim. Vamos falar de vocês -q Como vão, alguma novidade? Eu estou fazendo um Layout free e até domingo eu posto ele aqui, quem sabe me desculpam u3u

Depois de muita abobrinha - que ninguém lê ou ao menos se importa - começou o post. Eu nunca vi esse tipo de postagem, nem ao menos algo parecido, então, não roubem minha super ideia. Acho que todo mundo sabe o que é a barra de rolagem; É essa barrinha que você usa para descer ou subir a página. Os códigos são apenas personalizações do código do tutorial para personaliza-la. Créditos da primeira barra são do K-World. 

• Modelo I - Preview

::-webkit-scrollbar-thumb:vertical {
background: #f9b1d1;
border-radius: 7px;
box-shadow: inset 1px 1px 0px #f28ebb;
height:50px;
}
::-webkit-scrollbar-thumb:horizontal {
background: #f9b1d1;
border-radius: 7px;
box-shadow: inset 1px 1px 0px #f28ebb;
height:50px;
 }
::-webkit-scrollbar {
height:10px;
width:8px; /*Largura da barra de rolagem*/
 background: #e3eacd; /*Cor da parte fixa, que fica no mundo*/
}

• Modelo II - Preview 

::-webkit-scrollbar-thumb:vertical {
background: #fbd0f3; /*Cor da barrinha que se move*/
box-shadow: inset 0 0 3px #f8bbed;
height:50px;
}
::-webkit-scrollbar-thumb:horizontal {
background: #fbd0f3; /*Cor da barrinha que se move*/
box-shadow: inset 0 0 3px #f8bbed;
height:50px;
 }
::-webkit-scrollbar {
height:10px;
width:8px; /*Largura da barra de rolagem*/
 background: #d1d8ec; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #; /*Coloque borda se quiser*/
}

• Modelo III - Preview

::-webkit-scrollbar-thumb:vertical {
background: #d8bfef; /*Cor da barrinha que se move*/
border: 1px solid #c8a9e5;
height:50px;
}
::-webkit-scrollbar-thumb:horizontal {
background: #d8bfef; /*Cor da barrinha que se move*/
border: 1px solid #c8a9e5;
height:50px;
 }
::-webkit-scrollbar {
height:10px;
width:8px; /*Largura da barra de rolagem*/
 background: #f9cfe9; /*Cor da parte fixa, que fica no mundo*/
}