Sobre mim


Amanda Fontelles,17 anos,apaixonada por livros e biologia,crente,e louca pela Taylor Swift.Pronta para mostrar um blog diferente.E cheio de tudo que eu mais amo.

Translate

Já curtiu ?

Seguidores

Link me


Tecnologia do Blogger.
06/06/2012

Barra de rolagem colorida! LOL õ/


Olá minhas gatinhas tudo bem com vocês ? Então, estou hoje aqui para cumprir o que prometi nesse post, como colocar barra de rolagem colorida. Esse tutorial é muito procurado pelas blogueiras e deixa o blog super fofo *-* Bom, os créditos desse tutorial vai para o blog Jackie Dream, pois peguei ele de lá mas eu dei uma modificada nas cores e tal. Vamos ao tutorial...


Vá em Editar HTML e aperte Ctrl+F ou F3 (vai fazer a mesma coisa só que são botões diferentes hihi) depois na barra de pesquisa que aparece, procure por ]]></b:skin> quando esse código aparecer você cola o código abaixo ANTES dele.


Código:

*{

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: 15px; height: 4px; background:  #FF69B4 ; }
::-webkit-scrollbar-thumb { background:  #BEBEBE ; }

Personalizando:

Bom, como eu disse, eu ia modificar um pouco, e eu modifiquei a largura e a cor que ficou com fundo rosa e a barra é meio cinza (é um cinza legal ai). Mas se você quiser modificar é só seguir esses passos.
Em: width: 15px é a largura da sua barra, para alterar mude SOMENTE O NÚMERO! Quanto maior o número, maior a largura e vice versa...

Em: background:  #FF69B4 é a cor do fundo da sua barra, para alterar substitua SOMENTE O CÓDIGO DESTACADO EM PRETO! 

Em: background:  #BEBEBE é a cor da barrinha, para alterar a cor substitua SOMENTE O CÓDIGO DESTACADO EM PRETO!

Tabela de cores: here!

Bom meninas espero que tenham gostado e é isso, caso deu algo errado ou você amou esse tuto comente! 
                                                
                                                Créditos e recomendo para:



2 comentários: