34 users online (0 members and 34 guests)  

Thread: Scroll Bar


  Results 1 to 4 of 4

Related

  1. Add CSS scroll bar    Forum: CSS Forum
    Replies: 1
  2. CSS scroll box    Forum: CSS Forum
    Replies: 3
  3. Replies: 6
  4. I need help on a scroll bar??    Forum: HTML Forum
    Replies: 9
  1. #1
    Raider's Avatar
    New User

    Status
    Offline
    Join Date
    May 2003
    Location
    Madrid, Spain
    Posts
    4

    Scroll Bar

    Hello, i would like to know if i could change the color of the scroll bars on the right (like on this web site) with a style sheet. I know you can change the color, but i don't want have to copy that bit of code into all of my htm files, so i was wondering if you could do it with styles and how? Thakns in advance

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Viewing source on this site gives -

    Code:
    <style type="text/css">
    BODY {
    	SCROLLBAR-BASE-COLOR: #1293ee;
    	SCROLLBAR-ARROW-COLOR: #FFFFFF;
    }
    SELECT {
    	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    	FONT-SIZE: 11px;
    	COLOR: #000000;
    	BACKGROUND-COLOR: #CFCFCF
    }
    TEXTAREA, .bginput {
    	FONT-SIZE: 12px;
    	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    	COLOR: #000000;
    	BACKGROUND-COLOR: #CFCFCF
    }....
    This is changing it with styles, you can link to an external style sheet to update all your pages at once, see the tutorials in my signature for more details of that.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    Raider's Avatar
    New User

    Status
    Offline
    Join Date
    May 2003
    Location
    Madrid, Spain
    Posts
    4
    Thanks A LOT! I already know how to use CSS (i'm using them right now) but i wasn't sure if i could change the scroll bar with them... thanks a lot!

  4. #4
    coreybryant's Avatar
    Texan at Heart

    Status
    Offline
    Join Date
    Jun 2003
    Location
    Castle Rock, CO
    Posts
    107
    FYI - you can even use more properties:

    {
    background-image: url('../images/bg.gif');
    background-color: #D7DFE9;
    scrollbar-arrow-color: #375A83;
    scrollbar-3dlight-color: #8D9FC0;
    scrollbar-highlight-color: #8D9FC0;
    scrollbar-face-color: #D7DFE9;
    scrollbar-shadow-color: #8D9FC0;
    scrollbar-darkshadow-color: #8D9FC0;
    scrollbar-track-color: #ACB8C5;
    }



Tags for this Thread