View Full Version : different scrollbars


pebbles
07-28-2006, 02:27 AM
:) hi! does anyone know the code that makes the scrollbar for the whole page different from the scrollbars inside the page/content??? please????
:(

Douglas
07-28-2006, 02:34 AM
What exactly do you mean? Do you mean changing the scrollbar color or something?

..::Kira::..
07-28-2006, 03:56 AM
Well. I would do it by going to the css section and coding a style sheat and picking the colors you want to use for the whole pages scrollbar attributes.
Then go to html section and find where it says you can change the scroll bar colors of a div. you would have to code each div scrollbar attributes seperately...but thats the only way I could think of to do what you said.

Hope it helps.

pebbles
07-30-2006, 04:47 AM
Well. I would do it by going to the css section and coding a style sheat and picking the colors you want to use for the whole pages scrollbar attributes.
Then go to html section and find where it says you can change the scroll bar colors of a div. you would have to code each div scrollbar attributes seperately...but thats the only way I could think of to do what you said.

Hope it helps.


im kinda new to this stuff... i only know how to change scroll bar properties using css... how do i change the scrollbar for the div using css???:confused:

bourdelson
07-30-2006, 05:25 AM
You can change the scrollbars of the div by putting the scrollbar attributes in the div tag like so:

<div style="scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;">
text
text
text
</div>

Or, you can give the div a class and specify the scrollbar attributes in your css, and then specify the class in the div tag, like so:

.scroll {
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
}

And your tag would look like this:

<div class="scroll>
text
text
text
</div>

..::Kira::..
07-31-2006, 09:46 PM
Sorry I wasnt as clear as bourdelson. I was in a hurry. Looks like she already explaind it though. sorry.

pebbles
08-01-2006, 04:20 AM
You can change the scrollbars of the div by putting the scrollbar attributes in the div tag like so:

<div style="scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #000000;">
text
text
text
</div>

Or, you can give the div a class and specify the scrollbar attributes in your css, and then specify the class in the div tag, like so:

.scroll {
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
}

And your tag would look like this:

<div class="scroll>
text
text
text
</div>


thank you so much!!!! :)

pebbles
08-01-2006, 04:26 AM
Sorry I wasnt as clear as bourdelson. I was in a hurry. Looks like she already explaind it though. sorry.

its okay :)
i know you really wanted to help.. thank you too.. :)

bourdelson
08-01-2006, 02:19 PM
thank you so much!!!! :)

You're welcome! :)

..::Kira::..
08-02-2006, 05:28 AM
thanks for the rep Amanda! :)

bourdelson
08-02-2006, 03:26 PM
Not a problem. ;)