13 outubro 2014

Barra de Rolagem personalizada


Ei pessoal, tudo bom ? Espero que sim. Hoje eu trouxe um curto tutorial de como personalizar a barra de rolagem no blog é rápido e fica muito melhor do aquele padrão.

Você vai no CSS e vai colar este código :

::-webkit-scrollbar {width:6px;height:auto;background: #CORDEFUNDO;border-bottom:none;}::-webkit-scrollbar-button:vertical {height:2px;display:block;} ::-webkit-scrollbar-thumb:vertical {background-color: #CORDABARRA; -webkit-border-radius: 2px;}

Vou deixar uma tabela de cores para que vocês possam substituir o sinal as palavras em negrito pela cor desejada :)

Por hoje é só isso meninas, até mais.

Big beijooo

23 comentários:

  1. Ahaha que nome criativo :D .. ah e pena que eu sou um 0 a esquerda pra mexer em layouts, pq se não já ia tentar botar kkk.
    Mas deixa eu te contar amiga, acabei de liberar look do dia no blog, creio que você irá gostar. Me deixa feliz passando lá?
    Diz que sim vai ... Look do dia Look do dia

    ResponderExcluir
  2. Adorei o tutorial
    http://toobege.blogspot.com/

    ResponderExcluir
  3. Adorei sua intenção mas onde coloca o código? ahahaha tou pensando em colocar no meu blog! Muito legal sua iniciativa! \o/
    Enfim, resolvido!

    ResponderExcluir
    Respostas
    1. é so vc ir em MODELO > PERSONALIZAR > AVANÇADO > CSS e colar o digo :)
      Espero ajudar.

      Excluir
  4. Parabens pela iniciativa, muitas blogueiras sabem fazer muitas coisas, mas nao compartilham com ninguem :(
    adorei a dica
    esperamos vce no www.luvup.blogspot.com.br
    beijos e nao deixe de comentar

    ResponderExcluir
  5. Parabéns pela iniciativa, tenho certeza que vai ajudar muitas novatas. Bjss

    http://www.mayaravieira.com.br/

    ResponderExcluir
  6. Parabéns pelo tuto quem sabe eu use*---*
    bjsss

    http://lolistyledoll.blogspot.com.br/

    ResponderExcluir
  7. Vc sabe que sempre olho esses tutoriais mas morro de medo de mexer nos códigos e dar erro rsrsrs
    Aí fico só na leitura mesmo rsrs
    Bjs
    http://mulherzinhassa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Esse é bem facinho, não precisa mexer no HTML :)
      Sucesso e bjs.

      Excluir
  8. Amo tutoriais, e sou a louca dos codigos. Já fiz vários codigos. Tem uns tutoriais lá no meu blog também !!!

    beijinhos(*:


    www.criadomudoc.com.br

    ResponderExcluir
  9. Adorei a dica! Embora eu não tenha muito jeito com essas coisas, achei bem fácil de fazer, e deixa o blog mais personalizado, né? Bjos!!!
    http://blogmarcris.blogspot.com.br/

    ResponderExcluir
  10. Acho essas dicas de personalização super legais. :D

    ResponderExcluir
  11. ah que tenho, mas no outro blog! é legal demais!

    http://mocadebatom.blogspot.com/

    ResponderExcluir
  12. Adorei isso, nem sabia que podia modificar.. rs
    Mas, comigo não deu certo!! haha..

    Vem me visitar?! www.carolinemedeiros.com

    Beijos

    ResponderExcluir

Olá, seja bem-vindo (a) ao meu blog! Espero que tenha gostado dele e obrigada por comentar, sua opinião é muito importante. Terei um grande prazer em responder todas as perguntas.

Lembre-se que sem xingamentos, ofensas ou coisa do gênero. Mas críticas construtivas são sempre aceitas. Ah, e não esqueça de deixar o link do seu blog para eu conferir.

Um big beijoooo, e até mais :)!

Pode gostar também de:

Related Posts Plugin for WordPress, Blogger...