Visitem amores ?Ola aqui
vamos falar
de HTML,
Utilitarios e Varias coisas legais,tb sobre coisas Kawaiis epero que
vocês Gostem :)

Tutorial->como personaliza a barra de rolagen do seu blog

Oi meus Moranquinhos vou Ensinar a personalizar a barra de Rolagem de seu Blog!
ha meus amores não deu pra postar a web novela hj mais amanha posto o ep 3
sim gente eu vou baixa o numero de episodios por dia so pra 1 ok beijoss 

Exemplos:



                                                                   achei esas imagens no girls oline

Gostaram? O que acha de aprender? Vamos La??!


Primeiro, vá em:




Designer -> Editar HTML -> Expandir Modelos Widgets -> De um CTRL F



Depois de fazer isso, pesquise por:



]]></b:skin>



Fez isso? Ótimo! Agora, a cima de ]]></b:skin> 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 #bebdbd;
-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;}
}



Você deve Modificar:



Modifique o #FF69B4 pela cor da barrinha que rola, e Modifique o #FFFFFF Pela borda da Barrinha.

E modifique a "URL DO BACKGROUND FIXO" pela url do background (Fundo) que deseja Usar.



Tabela de Cores para saber os Códigos Clicando Aqui!

Site para Hospedar o Seu Background, recomendo esse Aqui!
Aprendi esse tuto aqui(www)

Nenhum comentário:

Postar um comentário