30 de junho de 2012

Tutorial-Arredondando a barra de rolagem colorida

                                              
Oii pessoal,tudo bem?Eu espero que siiim! Hoje eu vim postar um tutorial de como arredondar a barra de rolagem colorida do blog...
Vamos começar?Então vamos lá ;D

Primeiro vá em Design, depois em Modelo e em seguida vá em Editar HTML e depois em Prosseguir. E por último, aperte Ctrl+F e procure por:  ]]></b:skin>
Ao ter achado, antes de ]]></b:skin> cole isso:

/*** 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 estiver de vermelho coloque a cor do fundo da barra de rolagem e onde estar de azul cole a cor que a bola redonda vai descer e subir. Escolha as cores pela a tabela de cores e depois se estiver tudo certo, salve!
Bjos pessoal, eu espero q tenham gostado do tutorial de hoje.
                                                    

2 comentários:

  1. Oii o blog está aberto novamente você pode encomendar!
    http://encomendas-rosas.blogspot.com.br/

    ResponderExcluir
  2. Oi amigas!!
    VocÊs gostariam de participar do concurso do blog??
    Entrem no site e participem:
    http://eliseeluiza.blogspot.com.br/

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)