.publicidade

22 de setembro de 2011

Scrollbar personalizada no seu blog

Olá!

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 ---------------- */
::-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;}
Visualize, se não deu nenhum erro, salve e visualize no navegador Google Chrome!

No Brasil o plágio é considerado crime e sua principal referência é a lei 9610/98. E pode ter informações sobre a lei AQUI

Seja o primeiro a comentar ;)

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! ;)

No Google

No Facebook

No Twitter

  ©Idéia Blogger - Todos os direitos reservados. | Termos de Uso

Template by Dicas Blogger | Topo