Popular Post

Posted by : TSA 28/03/2013


#Sara:


Olá olá!
Como prometido, vou postar hoje e deixar uma postagem programada pra amanhã, porque não estarei na internet nem amanhã, nem sábado e nem domingo, por isso, desde já, desejo uma feliz páscoa pra todo mundo!!

Hoje vou ensinar á deixar a barra de rolagem colorida, bora aprender?



Vá em "Modelo > Editar HTML"
Dê ctrl + f e procure por: ]]></b:skin>

Acima desse código, cole isso:




/*** Rolagem da Vertical da Página ***/

::-webkit-scrollbar-thumb:vertical {

background: #BA55D3; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:50px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** Rolagem da Horizontal da Página***/

::-webkit-scrollbar-thumb:horizontal {

background-color:#BA55D3; /*Cor da barrinha que se move*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** Parte fixa da rolagem (fundo que não se move) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura da barra de rolagem*/

 background: #FFFFFF; /*Cor da parte fixa, que fica no mundo*/

border: 1px solid #bgh; /*Coloque borda se quiser*/

}

Mude as partes em negrito, substituindo pelo código da cor que você quer...

E pronto! já está com a barra de rolagem diferente!

kissu!

{ 5 comentários cutes ... read them below or Comment }

  1. nova postadora http://femininaoficial.blogspot.com.br/2013/03/look-para-o-final-de-semana.html

    ResponderExcluir
  2. Que em seu coração reina td aquilo que vc deseja, pois o Senhor te fará como um jardim regado, plantado e cuidado pelo Espírito dele e fluirá como um manancial de "águas vivas" bjinhos vc é muito especial pra mim.... FELIZ PÁSCOA
    (`'•.¸(`'•.¸¸.•'´)¸.•'´)
    «`'•.¸.¤¤¤¤¤¤¤.¸.•'´»
    «`'•.¸.¤(\__/)¤.¸.•'´»
    «`'•.¸.¤(=':'=)¤.¸.•'´»
    «`'•.¸.¤(")_(")¤.¸.•'´»
    «`'•.¸.¤¤¤¤¤¤¤.¸.•'´»
    (¸.•'´(¸.•'´`'•.¸)`' •.¸)'

    ResponderExcluir
  3. Que gracinha, amei seu layout !

    Se puder, segue?
    the-charming-place.blogspot.com

    ResponderExcluir
  4. como colocar as carinhas

    ResponderExcluir

Carinhas......
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡
。◕ ‿ ◕。 ಠ_ಠ ( °٢° ) ʘ‿ʘ ಥ⌣ಥ ಥ‿ಥ (ΘεΘ;) (n˘v˘•)¬ (✪㉨✪) ヽ(๏∀๏ )ノ (╹ェ╹) ╮(─▽─)) ≖‿≖ (ノ◕ヮ◕)ノ*:・゚✧ (⊙ヮ⊙) ᕦ(ò_óˇ)ᕤ ᕙ(⇀‸↼‶)ᕗ ( ಠ◡ಠ ) (•⊙ω⊙•) ‘︿’ ( ´∀`)☆ (≧ω≦) (´ー`) (つд`) ( ̄。 ̄) (*~▽~) ( ^▽^)σ)~O~) (=゜ω゜) (´ω`) (ノ_・。) (-_- )ノ (´ヘ`;) (^^;) ( ´∀`) ((((゜д゜;)))) (=ω=;) (。・_・。) (o´ω`o) (^▽^) (*´д`*) ( ̄□ ̄) ∩(︶▽︶)∩ (✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (✖╭╮✖) (≧◡≦) (¬_¬) (◑‿◐) (◕‿-) ✖‿✖ (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (◣_◢) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (॓_॔) (╯ಊ╰) (─‿‿─) ‹(•¿•)› (╯︵╰,) (︶︹︺) (∩︵∩) (。◕‿◕。) (⊙_◎) (~ ̄▽ ̄)~ (︶ω︶) (+_+) (。♥‿♥。) (✿ ♥‿♥) ♥╣[-_-]╠♥ ٩(͡๏̯͡๏)۶ ٩(-̮̮̃•̃)۶ ٩(̾●̮̮̃̾•̃̾)۶ ٩(-̮̮̃-̃)۶ (u_u) (*_*) (º_º) ٩(×̯×)۶ (ñ_ñ) (∩▂∩) (¬▂¬) (╯◕_◕)╯ (╹◡╹)凸 少 ¯\_(ツ)_/¯ (▰˘◡˘▰) (☞゚∀゚)☞ ლ(╹◡╹ლ) ヾ(^∇^)( ✿ ◠‿◠)