• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

11 de setembro de 2013

Barra de Rolagem Personalizada - Arredondada e com Shadow

 Olá tsunderes! (ou talvez não '-')
Como vão vocês meus doces? quero contar-lhes uma coisa: não estou com muito tempo para blogar e tal, mas só que amo tudo por aqui, vocês então *---* e queria agradecer muito pelos mais de 1050 seguidores, e por isso estou fazendo um layout free, é simples mais feito com carinho, depois trago-o aqui, ainda falta achar um menu padrão para ele, só isso.
Hoje estava entediada na escola, então peguei um livro na biblioteca, acho que ninguém deve conhecer, o nome é 'Os 13 Porquês' e parece ser bom, alguém aí conhece? kkk será possível que só falo de livros...

Estarei ainda mais ausente por esses dias, pois essa sexta feira mesmo eu tenho teste de português e o pior é que ela só avisou hoje, tipo, um dia somente para estudar já que hoje não tive tempo, só que amanhã tenho curso então...provavelmente não vai dar para estudar muito né :l - vida triste ;.; kkkkkk
Uma de nossas ChocoLeitoras, me pediu um tutorial de como deixar a barra de rolagem assim como a nossa, já ensinamos aqui uma vez como fazer essa (www) personalização da barra, e hoje irei ensinar a nossa versão, arredondada e com shadow ao redor da barra - Preview.
~ Vamos aprender?

 - Super fácil, basta colar esse lindo código acima de ]]></b:skin> e ser feliz:

::-webkit-scrollbar {width: 8px; height: 4px; background: #dbedf1; box-shadow: inset 0 0 15px #5f8993; }
::-webkit-scrollbar-thumb { background: #c2b1c3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: inset 0 0 10px #765178; }

Ps.: está com nossas cores padrão, pois eu peguei de nosso código '-' uhauheua
Tchau gente, espero que tenham gostado do tutorial de hoje o/

44 comentários:

  1. Eu já conhecia o tuto mais não tão fácil HUASHUASHUASHUASHUA o.o vou tentar fazer esse no lay que estou fazendo, está bem explicadinho ;3

    Beijos ♥
    Sweet World ~Aguardo sua visita

    ResponderExcluir
  2. Adorei o tutorial <3 *U* A barra de rolagem fica muito fofinha assim, gosto muito da sombra *o* Usaria se o meu design não fosse tão simples >3<

    ResponderExcluir
    Respostas
    1. ah, mais pode colocar sim, só depende das cores ;)

      Excluir
  3. Vida triste por não ter tempo de estudar para um teste Megan? Oh God! Mas, eu te entendo. Gosto de estudar bastante para testes, só que tenho preguiça e-e
    A barra de rolagem está linda, vou usar no meu lay.

    Bezos °*°

    ResponderExcluir
    Respostas
    1. Ah mais é triste pois tipo, se eu tiro nota baixa, posso não passar e isso é triste kkkkkk

      Excluir
  4. Não li e nunca ouvi falar do livro Os 13 Porquês, também não conheço a maioria do nome dos livros '-'
    Ainh e eu to cheia de provas e trabalhos, não quero fazer mas não posso ficar sem passar de ano "/ Reprovar seria a pior coisa do mundo, e eu ainda preciso de um pouquinho de nota em umas matérias :x
    Eu vou usar este tutorial no meu novo layout, fica tão lindo >w<

    Beijos~
    Panther Pink and Blue

    ResponderExcluir
    Respostas
    1. ah valeu, boa sorte nas provas e trabalhos, é osso né, mais o livro é ótimo, depois procure ele só, super bom rs

      Excluir
  5. que lindo esse modelinho que vc fez, só agora que eu fui notar na barra de rolagem )): ela é muito linda *---*

    Kissus <3
    breaking-doubts.blogspot.com.br

    ResponderExcluir
  6. Amei esse modelinhos super fofo, vou usar.

    Kissus ~

    ResponderExcluir
  7. Muito Lindo o Modelinho <3 Tuto é bem simples >3<

    worldofthel.blogspot.com.br

    ResponderExcluir
  8. Eu quero ver o layout free logo *o*
    Eu não conheço o livro, a escola tem cada nome de livro né? kk'
    Apesar de não gostar de barra de rolagem essa me deu vontade de usar no meu próximo layout *u*
    beijos

    chocoonut.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Verdade, mais lá tem uns conhecidos tbm, já li acho que todos os bons de lá, esse chegou ainda agora, mt bom tbm

      Excluir
  9. Parabéns, vou esperar o lay hein, u.u
    ótimo tuto ^^

    http://welcome-to-kawaii-land.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Aham, até agora não achei um menu pra ele, ain...

      Excluir
  10. Parabéns pelos seguidores! :3 Quero ver logo esse lay free.
    Adorei o tuto.

    Letícia Evans | VDUS

    ResponderExcluir
  11. É mais simples do que pensei. Tutoriais fáceis e rápidos são tão amor ♥
    Beijos linda.
    http://blogilovememore.blogspot.com.br/

    ResponderExcluir
  12. Acho que não pega no mozilla firefox, né? Porque eu tô usando ele e aparece a barra padrão, heheh. Mas eu já usei o google chrome e vi a barra de rolagem assim mesmo, é linda *u*

    Seguindo! <3
    xoxo www.pequena-senhorita.blogspot.com

    ResponderExcluir
    Respostas
    1. é, receio que nenhuma barra personalizada apareça lá :/ mas fazer o que né, e lá também fica com alguns bugs nos links em fade, eles não ficam em fade '-'

      Excluir
  13. AAAAAAAAH OS PORQUÊS *-* é muito perfeito LEIA ESSE LIVRO, LEIA ELE PRA VALER U__U
    Parabéns pelos seguidores, pode esfregar na nossa face q vc tem muuuuitos seguidores :((((, mas realmente parabéns *-*
    Adorei esse tuto eu ja sabia como fazer ^^

    XOXO :D
    jovenclube.blogspot.com.br

    ResponderExcluir
  14. Nunca ouvi falar desse livro :/ mas parece mega legal :33 Parabéns pelos seguidores, você merece u3u
    Sua barra de rolagem é linda, e com certeza muitos vão gostar de tê-la em seus blogs!
    Kiss
    With You

    ResponderExcluir
  15. Já conhecia o tuto, ele é bem legal !
    E a propósito eu amei o seu blog, MEGA fofo : ) Finalmente um blog que trata de assuntos que eu realmente gosto ! Muito sucesso pra você :)
    Pode ter certeza que estou te seguindo! Beijinhos


    theworldanny.blogspot.com.br

    ResponderExcluir
  16. Que lindo que ficou a Rolagem megan ficou muito lindo adorei ><

    http://fou-r.blogspot.com.br/

    ResponderExcluir
  17. Não conheço o livro. A barra é linda
    Passando aqui para avisar que já abri meu blog! Passa lá: questaoodeopiniao.blogspot.com.br

    ResponderExcluir
  18. Desconheço o livro (e o tuto KK), mas a barra é muito bonita xD
    http://zombieesvg.blogspot.com.br/**

    ResponderExcluir
  19. Posso me afiliar com vocês?

    howmathy.blogspot.com

    ResponderExcluir

    ResponderExcluir
  20. Esse tutorial deixa o blog tãao lindo <3

    http://blog-pink-caramel.blogspot.com/

    ResponderExcluir
  21. Adorei o tutorial ^^ Você merece os seguidores que ganhou, amore

    Beijos ;* | Eu Amo HTML | {euamohtml.blogspot.com}

    ResponderExcluir