Barra de Rolagem Personalizada #2 (Arredondada e com Shadow)

OOh Baby, Baby... ◕‿◕

Oie 'bebeseses e 'bebesasas como vão? Caso perguntem eu estou muito bem grazie :D

Como eu ando inspirada, pelo fato de estar fazendo 3 layouts, sim 3, o primeiro é do meu blog novo que eu 'tô a pouco mais de 1 mês fazendo e 'tô lá, com o blog fechado pra fazê-lo, o segundo é um das encomendas e o terceiro é um que a Mandi pediu pra mim terminar porque ela anda meio "atolada" com o trabalho, e como eu amo a Mandi, topei ><

Bom, esse tutorial é nada mais nada menos que ensinar a fazer aquela barra de rolagem do Adolescente Nerd (www), ela fica muito fofinha no blog, e chama atenção como aquela outra, a normal, mas essa é mais bonita, o código é super pequeno, então... partiu?

Como eu ia dizendo... o código é bem pequeno e bem fácil de entender.

Então, faz o seguinte:

Procure no HTML do seu blog (Modelo > Editar HTML) e procure por ]]>< (ou ]]></b:skin>) e ACIMA da tag cole o código a seguir:

::-webkit-scrollbar {width: 8px; height: 4px; background: #fff; box-shadow: inset 0 0 15px #000; } ::-webkit-scrollbar-thumb { background: #jjj; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: inset 0 0 10px #kkk; }

Entendendo: #fff e #000 são as cores da barrinha que se move #jjj e #kkk são as cores da barrinha fixa, a barrinha de fundo Ok, então, é bem fácil certo? Vocês devem estar se perguntando (ou não) "E os avatares?", meu próximo post será os avatares, até daqui a pouco >< Beijos no ♡
xXNandaXx ------------------------------