www.webdeveloper.com
Results 1 to 12 of 12

Thread: scroll colour

  1. #1
    Join Date
    Jul 2003
    Posts
    48

    scroll colour

    I@m not quite sure if this would be done with HTML or with JavaSCript but can anyone tell me how to change the colour of the scroller bars in your internet browser. I only want to change their colour, not make them flash. Any replies would be greatly apreciated. Thank you.

  2. #2
    Join Date
    Jun 2003
    Posts
    73
    scrollbar-face-color:COLORHERE;
    scrollbar-arrow-color:COLORHERE;
    scrollbar-track-color:COLORHERE;
    scrollbar-shadow-color:COLORHERE;
    scrollbar-highlight-color:COLORHERE;
    scrollbar-3dlight-color:COLORHERE;
    scrollbar-darkshadow-Color:COLORHERE;
    Patience is a virtue that I do not have.

  3. #3
    Join Date
    Jul 2003
    Posts
    48
    thanks, i take it you put that in the head content??? how much longer will each page take to load???

  4. #4
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    not much longer. if you're adding it in the head then drop this anywhere.

    <style type="text/css"><!--
    scrollbar-face-color:COLORHERE;
    scrollbar-arrow-color:COLORHERE;
    scrollbar-track-color:COLORHERE;
    scrollbar-shadow-color:COLORHERE;
    scrollbar-highlight-color:COLORHERE;
    scrollbar-3dlight-color:COLORHERE;
    scrollbar-darkshadow-Color:COLORHERE;
    --></style>

    Don't forget to change the 'colorhere' for whatever colors you want in hexidecimal values.
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  5. #5
    Join Date
    Jun 2003
    Posts
    73
    Put this in the <head> tag.
    Code:
    <style>
    body { different properties here }
    </style>
    It probably won't slow down the page much.


    Don't forget to change the 'colorhere' for whatever colors you want in hexidecimal values.
    There are other values.

    RGB. rgb(redval,greenval,blueval)
    Preset color values. most of the common colors (ex.red, blue)
    Last edited by fla5hba5h; 07-12-2003 at 02:46 PM.
    Patience is a virtue that I do not have.

  6. #6
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    yeah I forgot that. But you've forgotten the type property and to comment it out.

    The correct code would be

    <style type="text/css"><!--
    BODY {
    scrollbar-face-color:COLORHERE;
    scrollbar-arrow-color:COLORHERE;
    scrollbar-track-color:COLORHERE;
    scrollbar-shadow-color:COLORHERE;
    scrollbar-highlight-color:COLORHERE;
    scrollbar-3dlight-color:COLORHERE;
    scrollbar-darkshadow-Color:COLORHERE;
    }
    --></style>
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  7. #7
    Join Date
    Jun 2003
    Posts
    73
    Oh yeah, sorry.
    Patience is a virtue that I do not have.

  8. #8
    Join Date
    May 2003
    Posts
    550
    FYI these are nonstandard CSS properties and will not work in most browsers. Also you can not use them and have valid CSS. (There is a workaround using javascript but its not that big of a deal if it doesnt validate, since your not following standards anyway).

  9. #9
    Join Date
    Jul 2003
    Posts
    48
    so what are you saying, if i use that then my page won't work?

  10. #10
    Join Date
    Dec 2002
    Location
    Manchester, UK
    Posts
    37
    If you use them, only Internet explorer will pay attention (and get coloured scrollbars). All other browsers should ignore it.

  11. #11
    Join Date
    Jul 2003
    Posts
    48
    that's not too bad then.

  12. #12
    Join Date
    Jul 2003
    Location
    Palm Desert, CA, USA
    Posts
    20
    Most people these times, especially consumers, are using Internet Explorer..
    So, at least a lot of people will see those pretty scrollbars..

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles