sexta-feira, fevereiro 10, 2012

Tutorial-Barra de rolagem colorida

Hooy gente, eu estava Louca Louca Louca atrás desse  tutorial,=/ Pooxa em todos os Blogs que vi simplesmente adorei!logo no meu combinou.Mas enfim resolvi trazer o tutorial pra vocês!Hehe! 
confira >
vá em editar HTML dê um ctrl  f  e na barra de pesquisa que apareceu procure por:
]]>
Esse código vai aparecer destacado ANTES dele cole o código abaixo:

*{



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: 4pxbackground: #343434; }
::-webkit-scrollbar-thumbbackground: #FF69B4; }

personalizando sua barra de rolagem:No trechowidth12px   corresponde a largura da sua barra, para alterar substitua somente o código destacado em vermelho.Em quanto mair o numero for mais larga ficara e vice versa.
No trechobackground#343434   corresponde a cor do fundo da sua barra, para alterar substitua somente o código destacado em vermelho.
No trecho: background#FF69B4   corresponde a cor da própria barra de rolagem, para alterar substitua somente o código destacado em vermelho.tabela de cores:http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm
Gente eu só dei uma simplificada no código tah !! espero que gostem.TchauziinhoOoOo!