Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
scroll bar help please

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit


Dundaclap


Coloring Trash

PostPosted: Sat Feb 11, 2006 10:22 pm


User Image - Blocked by "Display Image" Settings. Click to show.User Image - Blocked by "Display Image" Settings. Click to show.User Image - Blocked by "Display Image" Settings. Click to show. I want my comments to scroll but I don't know how..I know it has something to do with overflow but I can't figure it outUser Image - Blocked by "Display Image" Settings. Click to show.User Image - Blocked by "Display Image" Settings. Click to show.User Image - Blocked by "Display Image" Settings. Click to show.
PostPosted: Sun Feb 12, 2006 11:13 am


#comments
{ position: relative; right: 200px; width:700px; height:500px; overflow: auto;
scrollbar-face-color: #FC7799;
scrollbar-shadow-color: #340940;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #340940;
scrollbar-darkshadow-color: #63396F;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: black;}



I found this listed in one of the stickes and remembered you had asked!
So... here you go!

Katherdante


Eddafred

PostPosted: Tue Feb 14, 2006 6:49 pm


#comments
{
width:(How Wide You Want The Box To Be)px;
height:(How Tall You Want The Box To Be)px;
overflow:auto;
}


The overflow:auto; causes the box to form a scroll bar to compensate it being longer than it's limit. (It might need additional coding if your planning on viewing it with IE)

If you want to shorten/add a scroll bar to other sections, just replace the #comments.
There's additional coding for coloring the scroll bars in your profile.
But that's only viewable in IE, so it's kinda optional.

Hell...i'll add it anyway.
html
{
scrollbar-face-color: #FC7799;
scrollbar-shadow-color: #340940;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #340940;
scrollbar-darkshadow-color: #63396F;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: black;
}
This will change the colors for your scroll bar.
Change the Hex codes in this example to get the color scheme you want.
If you want to make the comment bar the same color, just change the "hmtl" into "hmtl, #comments"
And If you want them both seperately, just copy and paste a second copy, and replace the html with #comments.

Glad to help.
PostPosted: Fri Mar 17, 2006 3:42 pm


so which is it?

magic_wisher

Reply
CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum