SitePoint Sponsor

User Tag List

Results 1 to 21 of 21
  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Colorful scrollbars

    Hi everybody,

    I have this script for fancy scrollbars, but it does not work. I am on Windows 2000 & I use internet explorer 6.0 and Netscape 7.0 I can't see the colors in both browsers.
    Can somebody help me out, what modifications should I make in order to have the colors?
    Thanking you in advance
    Hrisula

    Here is the script

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
    <HTML>
    <HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"><STYLE TYPE="text/css">

    <!--
    BODY{
    scrollbar-face-color:#00BDE6;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    }
    -->

    </STYLE>

    <TITLE></TITLE>
    </HEAD>

  2. #2
    SitePoint Wizard jax502's Avatar
    Join Date
    Jul 2003
    Location
    Jacksonville, FL
    Posts
    1,031
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tested it no IE 5.5 and the scroll bars appear to be black and blue. There's nothing wrong with your CSS. You probably don't have enough content on your page that your scroll bars won't show.But for other browsers it may vary depending on the browser. Unfortunately, I don't have IE6. Usually for other browsers, they don't work or they appear different.
    jax502

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have a lot of content. When I view with ie 6.0 I just see the regular grey scrollbars, not the colorful scrollbars.

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Colored scrollbars are an IE-only thing, meaning that they are not an official part of the CSS spec. Having said that though, the most recent version of Opera (7.2) also supports colored scrollbars in the IE fashion.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I understand correctly colorful scrollbars will generally be seen with the explorer & Opera 7.2, so with Netscape I will have the regular scrollbars. Fine.
    But,
    how come jax502 using ie 5.05 can see them, and I, using ie 6.0 cannot see them??

  6. #6
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    You may have to apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it. It appears you're working in standards mode since you have a full HTML 4.0 DOCTYPE. In that case, IE6 applies scrollbar colors to the HTML element, not BODY.

  7. #7
    SitePoint Zealot hpnadig's Avatar
    Join Date
    Sep 2003
    Location
    Bangalore
    Posts
    174
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My Opera Overrides those.. and instead the scrollbars appear with the theme of the skin I've applied. Even Netscape 7.0 does so..
    Home Page| Blog | Gallery
    sys op & contributor @ kn wikipedia

    Still stuck with a stinky browser? Go get FireFox

  8. #8
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How do I apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it? Can you please give me some clues?

  9. #9
    SitePoint Evangelist ucahg's Avatar
    Join Date
    Apr 2001
    Location
    Sarnia, Ontario, Canada
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Opera doesn't seem to apply scrollbar colors if you have an XHTML doctype (1.0 strict for me).
    Love it? Hate it? Helpful? Useless?
    Use the rate button to let me know what you think of my post!

  10. #10
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How do I apply the scrollbar colors to the HTML element in addition to BODY for IE6 to see it? Can you please give me some clues?
    HTML Code:
    <STYLE TYPE="text/css"><!--
    HTML, BODY{
    scrollbar-face-color:#00BDE6;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    }
    --></STYLE>

  11. #11
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so very much.
    I can now use the proper DOCTYPE and the proper scrollbar styles.
    Hrisula

  12. #12
    SitePoint Member
    Join Date
    Oct 2003
    Location
    australia
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As some advice, it may not be very good to use colored scrollbars. Sure lots of sites do it, but some browsers interpret the commands in uglier than hell colors. Mozzilla has been reported to have this problem.

  13. #13
    SitePoint Enthusiast
    Join Date
    Jun 2003
    Location
    Montreal
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the advise, personally I absolutely agree. But, is there a way to make some sort of "simulation" to know how will the colors be interpreted Maybe some sort of "equivalance" ??
    I am a Windows user, and have ie 6.0 & Netscape 7.0 installed. The explorer gives the colors, with Netscape there is no change in color of scrollbars.

  14. #14
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've been using mozilla since waaaaaay back, and I don't think I've EVER seen it pay any attention to attempts to change the scrollbar colour, either with the expected results or "uglier than hell colors".

  15. #15
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by blufive
    I've been using mozilla since waaaaaay back, and I don't think I've EVER seen it pay any attention to attempts to change the scrollbar colour, either with the expected results or "uglier than hell colors".
    Exactly, it's never even tried supporting this feature (and Opera didn't either, until about last week). If you saw "uglier than hell colors" in Mozilla/Netscape it was probably because of an ugly skin you chose .

  16. #16
    SitePoint Addict naveed's Avatar
    Join Date
    Feb 2003
    Location
    Ottawa, Canada
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Colored scrollbars are an IE-only thing, meaning that they are not an official part of the CSS spec. Having said that though, the most recent version of Opera (7.2) also supports colored scrollbars in the IE fashion.
    The newer versions of Konqueror (3.0 and up, I believe) support them too, now.

  17. #17
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Opera (7.2) also supports
    Opera 7+ supports them actually, I just found this out, though you have to turn it on yourself with a change in an ini file. See here: http://nontroppo.org/wiki/Opera7Tips

    I turned it on, went to a few sites with coloured scroll bars, and then turned it back off again because it was ugly

    Douglas
    Hello World

  18. #18
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DougBTX
    Opera 7+ supports them actually, I just found this out, though you have to turn it on yourself with a change in an ini file. See here: http://nontroppo.org/wiki/Opera7Tips

    I turned it on, went to a few sites with coloured scroll bars, and then turned it back off again because it was ugly

    Douglas
    I thought it was a 7.2 only feature. Oh well, I'm not a fan of colored scrollbars either way, and I have an overriding skin on most of the time so I wouldn't see it.

  19. #19
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    Birmingham, UK
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have IE6 and it works fine mate, maybe its just cus you ent got enough content... :S
    5TU4RT
    - Personal Webpage/Portfolio of Stuart Young..

  20. #20
    Super Ninja Monkey Travis's Avatar
    Join Date
    Dec 2001
    Location
    Sioux City, Iowa
    Posts
    691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, its because when you use a full DOCTYPE IE6 goes into standards mode and then the styles need to be on the <html> element, like has already been said. Without a DOCTYPE, it will work with the <body> element.
    Travis Watkins - Hyperactive Coder
    My Blog: Realist Anew
    Projects: Alacarte - Gnome Menu Editor

  21. #21
    SitePoint Enthusiast
    Join Date
    Oct 2003
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS styles for suchg things can be 'tricky', just like for custom css cursors. Try switching some tags there and there, like maybe you missed some previous tags in the ehad, above? Some browsers seem to not mind missing tags thta much, but some others do...

    Good luck!


Bookmarks

Posting Permissions

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