Image Map

8 de ago de 2012

Barra de rolagem colorida


                    

Ola Chocolates, hoje eu vim mostrar a vc's como que se muda a barra de rolagem do blog Para ver o tutorial clique em Leia Mais



Se vc não sabe do que tou falando é isso dae
                                               
Bom vamos a tuto ne!
Primeiro va em Modelo>Editar HTML> De um basico CTRL+F

Depois de ter feito isso pesquise por esse codigo: ]]>

Depois de ter procurado esse codigo ele vai aparecer em laranja! Acima desse codigo cole:

::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;height:50px;
border: 2px solid #fff;box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd;
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f26d92; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }:
::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;box-shadow: -3px -2px 10px #bebdbd;
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;}

Depois visualize e salve!

Obs: Onde está fundo da barra de rolagem é o seu background do blog! 
Para poder pegar o codigo Clique Aqui

Pronto depois de ter feito tudo isso so é visualisar se deu certo salve! 
Espero ter gostado

Bom dos peguei esse codigo de um blog entao naum custa creditar

Codigo do (WWW)


                                                                                                       

Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: