Hi! Como vão vocês?
Hoje trago um tutorial de personalização da barra de rolagem igual aqui no PA!
Então vamos conferir?
Vá em Modelo>>Edita HTML e procure por: /]]></b:skin>
E cole acima da tag este código abaixo:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #7FFFD4; /*Cor da barrinha que se move*/
border:1px solid #FA8072; /*Cor da borda*/
height:50px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#7FFFD4; /*Cor da barrinha que se move*/
border:1px solid #FA8072; /*Cor da borda*/
height:10px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:11px; /*Largura da barra de rolagem*/
background: url(URL DA IMAGEM) repeat; /*Parte fixa, que fica no fundo*/
}
Substitua as cores e coloque o URL da imagem que você deseja que seja o fundo da sua barra de rolagem.
É isso!
Kissus...
Hai Maria chan(opa faz mal chamar assim?)fez o novo lay?ele tá muito kawaii *w* e é do lucky star *--* que fofo >-<
ResponderExcluirPode me chamar de Maria-Cham! Eu gosto!
ExcluirFiz o novo lay sim! Que bom que gostou! Achei que Lucky Star seria um ótimo tema para o layout!^-^