17/02/2013

Tutorial.

Dessa vez trago um tutorial que quase todo mundo já deve conhecer,e provavelmente já deve ter usado.É o tutorial Barra de rolagem personalizada.É a famosa barrinha de rolagem colorida,vamos aprender?
Abra seu HTML e procure por>>  ]]></b:skin>
Antes do código encontrado cole o código abaixo

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*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:#ff0f72; /*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: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}



Faça as mudanças das partes destacadas em vermelho pelo que si pede,o código já vem bem explicadinho,então é fácil fazer as modificações.Personalize as cores usando a tabela de cores(X).

                                                                 Créditos:
                                                                                Cherry Bomb

                                                                     →  Quinze para meia noite

                                 

22 comentários:

  1. Legal o tuto! Mto util!

    As votações do concurso já começaram, mas não no Rascunhos de Caneta, e sim no Rascunhos Perdidos!

    Vote: meubloguinhofofo.blogspot.com

    ResponderExcluir
  2. Ótimo tutorial , já conhecia ele ><'

    # Mil beijos !

    >> VISITA : http://pensamento-jhenny.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É ótimo sim.
      Muitas pessoas já o conhece.
      Obrigada pelo comentário.
      Beijos!
      >>visito sim<<
      ♥_____♥______♥

      Excluir
  3. Legal, boa dica!

    beijos
    www.agendafashion.com.br

    ResponderExcluir
  4. vc ja táh sabendo que os kens e as barbies esse ano vão ficar mais caros?isso e um roubo! Eu to com muita raiva da mattel...................................................................................
    Ei eu comprei um giftset da skipper e da chelsea e mt lindinho elas vem com roupa de hula hula ;-)

    ResponderExcluir
    Respostas
    1. Soube sim Artur.
      Isso é muito injusto,é um furto!
      Nossa,elas são lindas,que sorte a tua.
      Parabéns pela compra querido.

      Excluir
  5. oieeeee vai no meu blog e vai la no finalzinho da pagina bem laaaaa embaixo ;-)

    ResponderExcluir
  6. bárbara vc ta zangada comigo?vc nao aprova mais meus coments :-(

    ResponderExcluir
    Respostas
    1. Eu?E porque estaria?
      Estou aprovando teus comentários sim.
      Já vi o que fez em seu blog,lá no finalzinho.
      Obrigada querido,serio,não precisava.
      Abraços♥

      Excluir
  7. por causa das assas rsrs ai pensei q vc se zangou ;-)

    ResponderExcluir
    Respostas
    1. Que nada Artur,quando vi seu comentário
      ri muito pelo meu erro.
      Não o publiquei porque junto com ele,apaguei sem querer
      outros dois comentários.
      Mas não mi chateie não.
      Desculpe-mi pelo ocorrido.
      Não pense que foi por querer.
      Abraços!

      Excluir
  8. Amei o tuto!
    Beijos
    teenagedreaamss.blogspot.com.br/

    ResponderExcluir
  9. Muito legal o tutorial!Tem uma tag e selinho pra vc no meu blog!Confira!
    lembrando-carol.blogspot.com.br

    ResponderExcluir
  10. Não entendi rs .
    que barrinha é essa , (lerda) kk

    Estou começando minhas parcerias se tiver enteresse só clicar na aba parceria e me enviar um email.
    seguindo
    lindamenteloirah.blogspot.com.br
    se gostar curti a fan page no face .
    um beijão

    ResponderExcluir
    Respostas
    1. Sabe essa barra que indica o quanto você subiu,ou desceu em um página?
      Então,é ela.
      Vou visitar seu blog,obrigada por seguir aqui(já irei retribuir).
      Abraços!

      Excluir
  11. ASSIM O BLOG FICA MAIS LINDO E ARRUMADO

    ResponderExcluir

Hei, people <3 Que tal deixar sua opinião, sugestão ou critica (construtiva, por favor) em nossos comentários para que assim possamos melhorar ainda mais! Lembrando, é claro, que nossos comentários são moderados, isto é, precisa de minha aprovação para que apareça. Por tanto, seja educado e se expresse de forma a não ofender a autora do blog ou a terceiros, caso contrario seu comentário não será postado, okay? Até aceito o "seguindo, segue de volta?" desde que eu goste de seu blog, seguirei sem problemas. Sem mais delongas, fique a vontade e volte sempre.
Abraços da autora;
Babi Sah ♥