5 de junho de 2014

Mini Maratona de tutoriais #2: Barra de rolagem colorida!

Olá  pessoas *-*
Bem, hoje venho trazer o segundo tutorial da mini maratona #2 , que é de como deixar a barra de rolagem do blog colorida. Acho que dá um toque fofo no blog, mas tem que cuidar um pouco, se colocar 2 cores muito parecidas não sabe onde esta a partezinha de puxar pra rolar. O tutorial é do blogCherry Bomb e do tumblr Quinze para meia noite. Vamos ver?
Bom, o resultado é assim (com a cor que você escolher, é claro)
Primeiro vai no seu blog (pelo painel) e clique em "Modelo" depois en Editar HTML.
Aperte Ctrl+f e pesquise por ]]></b:skin> e antes dele cole:
/*** 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*/}
/*** 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*/}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
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*/
}


Mude as cores de acordo com os códigos dessa tabela.
Visualize e se tiver tudo certo salve, qualquer duvida comentem aqui que eu tento ajudar ^^
Espero que tenham gostado, foi isso. Beijos e até o próximo Tutorial.


Nenhum comentário:

Postar um comentário

Olá Cupcake!!Vai Comentar?Que Legal!Poderia ler as regrinhas abaixo?

1-Comentários com só "Sigo,Segue de volta?"serão ignorados.
2-Seja educado na hora de comentar.
3- Se for xingar,seja educado.
4- Sinta-se a vontade no blog!
By:Kathhi