Tutorial: Barra de rolar colorida

                             Curtam a  pagina do Maravilhas ao Contrario no Facebook ---> Clique aqui 

Oiie' lindeezaas, Pra encerrar a noite um tutorialzinho supeer' fácil, que tal colocar no seu blog uma Barra de Rolagem colorida, olhem só como se faz:


Vá no painel do Blogger, depois clique em MODELO,no menu vertical, que aparece no lado esquerdo da tela,clique no botão Editar HTML que fica embaixo 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*/
}


Onde ta marcado em verde é onde você pode fazer as alterações, e pra ajudar na escolha das cores, você pode usar as tabelas que eu tenho postado aqui, e pra ajudar mais ainda trouxe uma tabela extra pra vocês, olhem :

Cor

Código Java

Código HTML

Coral1	255 114 86	#FF7256
Coral2	238 106 80	#EE6A50
Coral3	205 91 69	#CD5B45
Coral4	139 62 47	#8B3E2F
Tomato1	255 99 71	#FF6347
Tomato2	238 92 66	#EE5C42
Tomato3	205 79 57	#CD4F39
Tomato4	139 54 38	#8B3626
OrangeRed1	255 69 0	#FF4500
OrangeRed2	238 64 0	#EE4000
OrangeRed3	205 55 0	#CD3700
OrangeRed4	139 37 0	#8B2500
Red1	255 0 0	#FF0000
Red2	238 0 0	#EE0000
Red3	205 0 0	#CD0000
Red4	139 0 0	#8B0000
DeepPink1	255 20 147	#FF1493
DeepPink2	238 18 137	#EE1289
DeepPink3	205 16 118	#CD1076
DeepPink4	139 10 80	#8B0A50

Espero que ajude, bom,acho que vocês já sabem o que fazer né ?, é só copiar o código correspondente a sua plataforma e pronto, como é mais comum vocês usarem o Blogger copiem o código HTML, deem uma olhada antes de salvar pra se certificar que ta tudo certo, beijinhos, ah ! segue abaixo o link das tabelas que eu já postei aqui pra vocês pegarem os códigos:

http://maravilhasaocontrario.blogspot.com.br/2012/07/cinema-lendas-urbanas-2-brinde.html

http://maravilhasaocontrario.blogspot.com.br/2012/07/tabela-de-cores-1.html

Beeeeeeeeeeeeeeeeeeeeeeeeeeeeijos' :*