Scrollbar personalizada no seu blog
Olá!
Voltando com os tutoriais hoje, vou mostrar como personalizar a scrollbar ( barra de rolagem ) do seu blog.
Para começar você deve ir em Modelo, Editar HTML e procure pela tag ]]></b:skin>
Encontrando você deve colocar o código destacado ACIMA da tag:
Voltando com os tutoriais hoje, vou mostrar como personalizar a scrollbar ( barra de rolagem ) do seu blog.
Observação: Este código funciona apenas quando seu blog for visualizado no Google Chrome. Outros navegadores não será exisbido a scrollbar personalizada, e sim a normal.
Para começar você deve ir em Modelo, Editar HTML e procure pela tag ]]></b:skin>
Encontrando você deve colocar o código destacado ACIMA da tag:
/* ---------------- Scrollbar ---------------- */Visualize, se não deu nenhum erro, salve e visualize no navegador Google Chrome!
::-webkit-scrollbar {width: 9px;height: 5px;}
::-webkit-scrollbar-track-piece {background: url("https://lh4.googleusercontent.com/-I4h9oNSId6k/TjM9C955v8I/AAAAAAAAASQ/8ENCqH6Y0Z8/body.png") repeat scroll 0 0 transparent;}
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #666;}
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #666;}
Postar um comentário
Como comentar:
♦Quando você clicar em Publicar comentário, será analisado e depois será publicado.
♦Assim que eu aprovar o comentário vou escrever uma resposta se precisar.
♦Não utilize palavras de "baixo calão", pois esses comentários não serão aprovados.
Obrigado! ;)