Tutorial- Scrollbar com efeito hover

by - 13.6.13

                                    

Yoo meninas, espero que esteja tudo bem com as senhoritas.
Ah, estou um tanto feliz, então criei um novo código^^
Sabe a scrollbar, a barrinha para rolar a página, criei um efeito hover para ela, visualize no blog de testes (www), perceba que ela muda de cor quando o mouse passa em sima dela.

1- Modelo > Editar HTML > Prosseguir vão procurar (ctrl + f) pela palavra ]]></b:skin> 
E irão colar esse código logo ACIMA de ]]></b:skin>

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #708090;
}
::-webkit-scrollbar-thumb {
background:#F5F5F5;
-moz-border-radius: 5px;
border-color: #FFC1C1;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #BAD0EF;
}
::-webkit-scrollbar-thumb:hover {
background: #FF99CC;
}

Entenda, as parte que estão destacadas no código são as cores, ou seja o código das cores em
html, altere com as cores de sua preferência .

Tabela de cores Html online 

You May Also Like

0 Comentários

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)