domingo, 9 de setembro de 2012
Barra de Rolagem colorida
Hey coisinhas lindas :)
Hoje vou explicar como colocar barra de rolagem colorida aqui no blog.
O que é barra de rolagem? - É aquela barrinha ali no canto que você usa para rolar a página ---->
Você sabia que dá para deixar ela da cor que você quiser e como você quiser? Gostou? Bora conferir o tuto!
1º - Vá em Modelo > Editar html > aperte F3 ou ctrl + f e procure por ]]></b:skin>. Acima desse tag, cole o código abaixo
::-webkit-scrollbar-thumb:vertical {
background: #FF69B4;
height:50px;
border: 2px solid #FFFFFF;
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 #beFbdbd;
-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(URL DO BACKGROUND FIXO) 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;}
}
No primeiro trecho destacado, é a cor da barra de rolagem. Esse código é o código da cor em html. Para ver uma tabela com os códigos e as cores, clique aqui
No segundo trecho destacado, você coloca o url (ou link) do seu background.
Visualize, e se estiver tudo certo, salve. Se não deu certo, vê se não fez algo errado.
Muito fácil, não? E dá um toque bem legal.....
Aprendi no.... Jackie Dream
Assinar:
Postar comentários (Atom)
Um comentário:
Bia, sei q esse blog não tem nada a ver com o MH Craze, e desculpa pertubar, é que estou inquieta, bom.. já posso postar minha apresentação?
Desculpinha .-.
Postar um comentário