Hello bubblemaníacos!
Hoje, vou ensinar um tutorial fantástico que vi no blog da minha amiga - Cutie Catt - e decidi contar a vocês!
Esse tutorial é sobre a barra de rolagem, aquela barra que faz o seu blog subir e descer, sabe?
Bom, para ela ficar mais original, você pode colocar uma corsinha e um modelinho um pouquinho diferente.
Vá em Design/Editar html e procure por ]]></b:skin>.
* para procurar por alguma coisa, aperte a tecla Ctrl, segure-a, e depois aperte F (Ctrl + F)
Conseguiu?
Continuando...
Logo acima, logo acima MESMO, coloque o seguinte código:
::-webkit-scrollbar {width: 12px; height: 4px; background: #000000; }
::-webkit-scrollbar-thumb { background: #ffffff; }A primeira parte grifada "width" (que está com o código 12px) é a largura , e "height" (que está com o código 4px) é a altura.
A segunda parte grifada (#000000) é o fundo da barra de rolagem, e a terceira parte grifada (#ffffff) é a cor da barra.
Então, deve ficar mais ou menos assim o código final:
::-webkit-scrollbar {width: 12px; height: 4px; background: #000000; }
::-webkit-scrollbar-thumb { background: #ffffff; } ]]></b:skin>
Espero que tenham curtido!
All Star :)
PS.: Essa barra também pode ser usada no tumblr, é só você procurar por </style> e colar o código acima.
Nenhum comentário:
Postar um comentário