02 agosto 2011

Tutorial: Como deixar a barra de rolagem colorida

 Oi,hoje venho com meu 2° tutorial,lembrando que achei no blog  Menina Nerd  e resolvi mostrar para vocês =)
     Vocês estão vendo a barrinha do rolagem aqui do lado ===>
Pois bem,hoje vou ensinar com fazer ela :D
 
                                  Então vamos ao tutorial:

   1° Vá em Desing>Edital HTML,dê Ctrl + F e procure por:
   
       ]]></b:skin>


 2° Antes dele cole


  *{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }


   Lembrando que,o código que esta destacado em  rosa representam a cor da barra, e o código que está em verde  representa a cor do fundo.
               Se você quiser mudar as cores basta substituir os códigos destacados,eu recomendo essa tabela ,nessa tabela tem várias cores. E NÃO FUNCIONA NO FIREFOX.


          Não se esqueça de visualizar e ver se ficou direitinho  ;)


                             Espero que tenham gostado Bjs :*
                         
              

5 comentários:

Anny S. disse...

adorei o tutorial e tua barra ficou linda!
aviso: tu viu que um pedaço da imagem do teu cabeçalho ficou cortada? :S
é só aumentar a largura do blog até aparecer a imagem inteira (:

bjs :*

Patrícia disse...

Que bom que gostou do tutorial :)
Obrigado por me avisar,o problema já está resolvido :)

Guga Fernandes-Mídias Sociais disse...

Parabéns esxelente blog muito bom.
Aproveite e confirar tudo que rola de novidades lá no:http://www.meuestilogugafernandes.com.br

Patrícia disse...

Que bom,que gostou do blog :)
Adorei o seu blog tbm :)

Toca lo sensible disse...

Obrigada!! Seu blog tbm ta muito lindo!
Mantenha contatO!
Bjs
http://teengirls7.blogspot.com/