Photobucket

15 de mar de 2008

Barra de rolagem colorida

Você já viu barra de rolagem colorida em algum site?
Se você não usa o Internet Explorer com certeza sua resposta foi não. Isso porque o único navegador que aceita essa característica é o IE, então, pense muito bem antes de colocar isso em seu blog: compensa ter um efeito que só quem usa um navegador vai ver?
Se você acha que sim, vamos lá:

Você vai ter que usar um site externo, tem muitos geradores para esse efeito, mas eu indico o By Marina.
Não tem como por o link direto do utilitário, por isso vou dar as coordenada:

Entre no site e vá em Utilitários depois Barra de Rolagem. Abrirá um gerador, no próprio site você encontrará uma tabela de cores e um modelo indicando de que parte se trata cada propriedade.

[EDIT - 15/05] Gente, o By Marina foi atualizado e não encontrei mais o gerador, enão usem esse aqui Gerador de Barra de Rolagem Colorido [EDIT]

Escolha as cores, coloque-as nos lugares indicados, então gere o código, não o copie ainda! Preste atenção em uma coisa antes.

O código gerado estará assim (com as cores que você escolheu, é óbvio!):

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: a;
scrollbar-highlight-color: a;
scrollbar-3dlight-color: a;
scrollbar-darkshadow-color: a;
scrollbar-shadow-color: a;
scrollbar-arrow-color: a;
scrollbar-track-color: a;
}
-->
</STYLE>




Se você colar esse código direto no seu blog terá problemas, porque o Blogger já tem um BODY e já tem código CSS.
Então copie apenas o que está entre { } e cole na tag Body que já existe no seu blog!
O trecho para ser colado deverá ficar assim:


scrollbar-face-color: a;
scrollbar-highlight-color: a;
scrollbar-3dlight-color: a;
scrollbar-darkshadow-color: a;
scrollbar-shadow-color: a;
scrollbar-arrow-color:a;
scrollbar-track-color: a;


Bem simples, não é?

7 Comments:

CHAVES said...

ola aonde tem que colocar o codigo?na qual Tag body?

said...

Chaves: Isso, procure por
.body{ ou body{

E cole antes de fechar o }.
Ex:

body{
background:#000000;
margin:0 auto;
padding: 0 auto;
font-size: 12px;
COLE AQUI
}

Jana Moraes said...

Olá...
Eu adoro meu blog, mas creio que tem algo nele que deveria ser mudado.
Gostaria que vc visitasse a Maçã e me dissese se existe um layout com maçãs e limão..
Se não, como faço pra cria-lo?
Me mande as dicas de uma maneira bem clara, pois eu me perco fácil fácil...

Obrigado.

http://macacomlimao.blogspot.com

Garota Vermelha said...

Tou triste. Sempre consegui usar este código sem nenhum problema, mas parece que meu layout não tá aceitando por nada. É a primeira vez que uso o Blogspot.

Eu fiz exatamente como tá escrito... Como o Blogger já tem o código "body {}" aberto, eu colei os "scrollbar:#000000;" antes de fechar o "}" do body, mas não funcionou... não sei qual é o problema. =(

Anônimo said...

criarecria.blogspot.com is very informative. The article is very professionally written. I enjoy reading criarecria.blogspot.com every day.
payday loans toronto
payday loans in canada

♥Lelê♥ said...

Olá gostaria de ser meu/minha parceira(o)?
Se quiser coloque o link do meu banner aqui e eu coloco seu banner no meu blog...
obrigada meu blog é lelebucawinx.blogspot.com

♥Lelê♥ said...

Olá gostaria de ser meu/minha parceira(o)?
Se quiser coloque o link do meu banner aqui e eu coloco seu banner no meu blog...
obrigada meu blog é lelebucawinx.blogspot.com