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


Um comentário:

ISOKA MONSTER HIGH disse...

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 .-.