Como personalizar a barra de rolagem

[Muricium 0]

ola pessoal

 

Como faco para criar uma barra de rolagem personalizada? apenas com css? java script?

 

Abraço

 

Mauricio

[William Bruno 1501]

Com CSS puro, só com o código proprietário da Microsoft.. ou seja.. só iria rodar nos IE...

você pode "simular" uma barra de rolagem com Javascript, e ai personalizar ela.

 

No fórum de JS você encontra alguns exemplos.

[Carlos Designer 0]

veja este post:

http://forum.imasters.com.br/index.php...t&p=1204754

 

indicação do silverfox!

[Muricium 0]

Salve Carlos

 

cara nao entendo muito de Java e tentei tentei e nao consegui você pode dar um help e ver em que estou errando?

 

segue o site

 

http://www.ciapolichinelo.com.br/ame.html

 

abraco

[Muricium 0]

outra dúvida

 

estou acrescentando isso:

 

 

scrollbar-face-color: #000000;

scrollbar-highlight-color: #000000;

scrollbar-shadow-color: #000000;

scrollbar-3dlight-color: #000000;

scrollbar-arrow-color: #000000;

scrollbar-track-color: #000000;

scrollbar-darkshadow-color: #000000;

 

mas por algum motivo ele nao aceita, para eu colocar barra de rolagem estou usando o overflow:scroll;

 

alguma ideia?

[William Bruno 1501]

Isso ai é código proprietário da Microsoft... é como eu disse, só funcionaria nos IE..

onde está o arquivo:

http://www.ciapolichinelo.com.br/styles/jScrollPane.css

??

 

Ou você arruma o diretório.. ou você chama certo:

<link rel="stylesheet" type="text/css" media="all" href="./jScrollPane.css" />

[Potentii 0]

Muricium eu fiz uma div que tem uma scrollbar ( usando overflow: auto; ), mas no firefox nao funcionou, só no IE. Aí vai o code da div:

 

<div style="padding: 3px; background: #ffffff no-repeat left top; overflow: auto; color: #ffffff; position: reletive; height: 289px; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #111111; scrollbar-shadow-color: #333333; scrollbar-3dlight-color: #555555; scrollbar-arrow-color: #000000; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000;">aqui vai qualquer coisa</div>

 

esse é o code! num sei se consegui responder sua pergunta http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

falow!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif