Tutorial: Barra de rolagem colorida

Categorias Blogando
*Post por Ingrydh Rocha

Hooy Galera, eu tava ficando com medo de deixar o blog desatualizado, sabe como eh nee os estudo agora ta ficando tudo mais difícil, mas eu prometo que não vou abandonar o blog (juradinho)Mais enfim resolvi trazer o tutorial pra vocês mais os créditos são totalmente para o ”Blog das meninas”. O tutorial de hoje ensina vocês a instalar uma barra de rolagem colorida no blog, mas enfim vamos deixar de enrolar e vamos ao tutorial.

confira >

vá em editar HTML dê um ctrl f e na barra de pesquisa que apareceu procure por:

]]></b:skin>

E antes do código citado acima você cola ANTES 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: 4px; background: #343434; }
::-webkit-scrollbar-thumb { background: #FF69B4; }

personalizando sua barra de rolagem:

No trecho: background: #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

Então galera espero que tenham gostado do tutorial de hoje, e comentem viu

bye bye :*

Créditos: Sweet Girls
19 anos, estudante de Computação Gráfica, apaixonada por fotografias com ruído e músicas antigas. Maquiadora nas horas vagas e blogueira em tempo integral.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *