06/12/2011

4

Tutorial- Barra de rolagem colorida

   Como fazer com que a sua barra de rolagem fique colorida.Pois bem, achei esse tutorial muito legal e decidi passar para vocês (é claro né) , você sabe quando você move  para baixo ou até mesmo para cima ela  na maioria das vezes é azul , e em alguns blogs ela já é quadradinha e de cor diferente . Mais chega de blá blá blá   e vamos ao tutorial .
                                           ( ex de como ficará " clique na imagem para ampliar")

 Vá em  " Design" depois " Editar HTML" 


 1- Dê Ctrl+ F  e na caixinha da pesquisa procure por:

    ]]></b:skin>

 2- Acima desse código cole:



*{
scrollbar-face-color:#FF69B4
scrollbar-highlight-color:#FF69B4
scrollbar-3dlight-color:#CDC5BF
scrollbar-darkshadow-color:#CDC5BF
scrollbar-shadow-color:#FF69B4
scrollbar-arrow-color:#CDC5BF
scrollbar-track-color:#CDC5BF
}


::-webkit-scrollbar {width: 12px; height: 4px; background: #CDC5BF }
::-webkit-scrollbar-thumb { background:#FF69B4}



Entenda os códigos :

  A parte destacada em Rosa significa aonde fica para mexer , e já os códigos destacados em Cinza é a parte que não se move.
     Para você saber mais cores e criar o seu próprio código use Essa Tabela . obs: não funciona no FIREFOX. 

 Atenção : eu que criei o código , por favor credite caso  se usar :) 
 espero que gostem 
 ( errei os códigos me desculpe)



4 comentários:

  1. Adorei!! Vc explica muito bem s tutos!!
    Bjs

    http://magicmih.blogspot.com/

    ResponderExcluir
  2. Já estou te seguindo, estarei sempre por aqui gostei muito do seu blog também!
    Beijo rosaaaaaa
    http://thaisgomespink.blogspot.com/

    ResponderExcluir
  3. Eiii
    vim aqui conhecer seu blog e avisar que está rolando
    o sorteio de uma shamballa da minha loja la no blog
    E la posto tb muitos looks
    acho q vc vai gostar !
    Beijo

    ResponderExcluir
  4. Seguindo de volta ;D

    Bjs *u*
    http://blogportalteen.blogspot.com

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡