Barra de rolagem colorida



Oláa ... Oláa ... minhas floores !
Prontas para mais um tutorial ?
Hoje vou ensiná-las a colocar uma barra de rolagem colorida
É bem fácil, são só alguns passos e fica lindo !


[1] Vá em Design > Editar HTML
[2] Dê CTRL+F (caixinha de busca)
[3] Procure pela tag: ]]></b:skin>
[4] ANTES da tag encontrada, 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; }




[5] Visualize, se estiver tudo certinho é só salvar !

Entendendo os códigos: Os códigos destacados em azul representam a cor da barra de rolagem, e os códigos destacados em verde representam a cor do fundo da barra de rolagem. Se preferir, você pode mudar as cores de acordo com o seu gosto, é só mudar os códigos destacados. Veja a tabela de cores
 ( www ).

Gente, essa barra de rolagem infelizmente não funciona no navegador Mozila Firefox.

Gostaram ? Então comente aí embaixo ♥ 

Beijinhos da Joaniinha Mello.


2 comentários

  1. Flor , já estou seguindo esse blog fofo *-*
    amei o tutorial , e será que você pode seguir de volta ? ^^ , beijinhos !

    http://meublog-moderninho.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oláa floor ! Obrigada por seguir. Seja muito bem-vinda viu ?!
      Claro que posso seguir seu Blog, será um prazer !
      Beijinhos ;*
      Volte seeempre ! ^^

      Excluir

~ Obrigada por comentar ! (:
Volte seempre ! ♥

-Não aceitamos tags e selinhos.

Layout por Maryana Sales - Tecnologia Blogger