Welcome!

Olá Asians Lover's!Bem-vindo(a)ao Asian Time.
Aqui posto sobre a cultura asiática e também posto
tutoriais e utilitários para o seu blog.
Estou aqui desde 26/08/12.É pouco tempo
e ainda temos muito o que crescer,
mas com o tempo vamos mudando e aprendendo mais.
Se tiver algum pedido,é só avisar nos comentários.
Em breve farei um ask apenas para pedidos,elogios,
reclamações e etc.
Tive alguns problemas com esse lay,
se encontrar algo errado me avise,ok?
Baai ♥
>w<

lala

lala2

16 fevereiro, 2013

Personalizar a barra de rolagem

Olá,chibis ~ ^-^

Hoje vim trazer um tutorial bem simples.Barra de rolagem do seu blog redonda ou quadrada da cor que
você quiser.Você pode fazer esse tutorial em penas 3 minutinhos,até com pressa hahahaha :3

Go o/

 Vá em > editar HTML do seu blog > Dê Ctrl+f e na barra de pesquisa cole ]]></b:skin>
ANTES desse código,cole:

::-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;}
}

 Onde está #FF69B4 ,você pode trocar pela cor que deseja a sua barrinha
(tabela de cores aqui)

 E em URL DO BACKGROUND FIXO troque pela URL do seu background.

Agora é só visualizar antes de salvar,ver se está de acordo com seu gosto e se tiver,salve =3

Baai Baai ♥



4 comentários:

  1. Amei o tutorial,vou tentar fazer no meu blog :3
    Beijos
    http://brsuperteen.blogspot.com.br/

    ResponderExcluir
  2. Espero que consiga :3
    Adorei o seu blog,ele é lindo *-* estou seguindo,ok?
    Baai Baai ♥

    ResponderExcluir
  3. Já conhecia , adoro esse tuto :3
    Porém não uso ele !
    Seguindo , me segue ?

    #Abraços !

    LINK : http://pensamento-jhenny.blogspot.com.br/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...