Making A Scrollbar
Making A Section Scroll
#section_name { overflow: auto; }
#section_name { overflow-x: auto; overflow-y: auto; }
Types of overflow codes:
auto- Will overflow IF the section goes larger than the specified dimensions.
none- Will not overflow.
hidden- Will not overflow.
Overflow-x is the horizontal, overflow-y is the vertical. If you want BOTH or NEITHER to scroll simply use the first code. Scrolls will only work if your section exceeds the specified dimensions. So you MUST set how big your section will be in order for a scroll bar to show up.
Changing the Color on a Scrollbar
#section_name { scrollbar-track-color: #XXX; scrollbar-face-color: #XXX; scrollbar-arrow-color: #XXX; scrollbar-shadow-color: #XXX; scrollbar-darkshadow-color: #XXX; scrollbar-highlight-color: #XXX; scrollbar-3dlight-color: #XXX; }
Replace the 'XXX' with hex codes.
Note- You CANNOT use "body" for the scrollbars. If you want to affect the whole page use "html" with NO "#" in front of it. Or use "#content" to affect all scrolls except the very right one.
View User's Journal
CSS Profile Codes
This is a basic and advanced tutorial on how to CSS profiles.
 |
Unfrigginbelievable
Community Member |
Legalize