Sobre mim
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:
Tags
designe gráfico,
jackie dream,
tutoriais
Assinar:
Postar comentários (Atom)
aaah brigada pelos créditos guria *---*
ResponderExcluirPor nada Guria kk *-*
ResponderExcluir