SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 29
  1. #1
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Coloured scrollbar - good or bad?

    Are coloured scrollbars good or bad?

    Should a business web site use them?

    What are your thoughts?

  2. #2
    I'm a college yuppie now! sbdi's Avatar
    Join Date
    Jul 2000
    Location
    Dublin , Ireland
    Posts
    1,271
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    They wont cause any errors and older browsers. On browsers that do accept them all they can do is help improve your site design (If used properly )

    I see no real problem with using them.
    Back Again

  3. #3
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, but should a business web site use them?

    How come web sites like Microsoft, Netscape, etc. all the corporate giants don't use them on their web sites?

  4. #4
    Fully Sweet Car noddy's Avatar
    Join Date
    Aug 2002
    Location
    Perth, Western Australia
    Posts
    759
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    colored scroll bars

    Yes to your question business should use them. We do on you website and on all of our client websites.

    It is probably more important for business websites to use them because it makes the entire page fit into their style. You don’t want a really good-looking web page to be destroyed by an ugly user defined scheme or default ugly scheme recking all your good work.

    The main advantage of them is you know they will look the same on every computer and that they will complement the page as well as making sure that it still looks good.

    Check out our site and our clients sites they all use them and a lot of sites do use them these days.

  5. #5
    . Ruchir's Avatar
    Join Date
    Feb 2002
    Location
    Sydney
    Posts
    1,863
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    colored scrollbars are great.. they make the scrollbars look good with ur color scheme.. and make the lloks of ur site cool.. check even this forums for eg.. I am in favour of colored scrollbars. cause puttin them with good colors doesn't do any harm to the site !
    Peace.

  6. #6
    Fully Sweet Car noddy's Avatar
    Join Date
    Aug 2002
    Location
    Perth, Western Australia
    Posts
    759
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    colored scroolbars

    well thanks for the good comments you gave, Your correct though if they match the style of your site its like they arent their but if they dont they can stand out and make the whole thing look bad.

  7. #7
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    there are 2 types of coloured schrollbars in my opinion, those that are ugly (read: unusable) and those that are sexy..

    The ugly ones are generally the type you see on dark sites where the scrollbar has pretty much been hidden apart for a smal outline.

    The good ones are ones such as those used by SPF, they complement the colourscheme of the site without detracting from the overall ability to see them.

    should a bussiness website use them? well thats completely upto the business, but they should not make finding the scrollbar any harder (ie: white scrollbar on white background) and they should complement the colourscheme of the site.

  8. #8
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    spf has a coloured scroll???


    (Blows off the cobwebs and fires up IE)


    ...so it does
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  9. #9
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks guys.

    I'm going to give it a try.

    The SP Forums have them, but not the actual SP web site.
    Last edited by Darin; Aug 28, 2002 at 10:54.

  10. #10
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I can't seem to get a good color combination working for the scrollbar.

    Anyone willing to give it a whirl?

    Code:
    <STYLE>
    BODY{
    scrollbar-face-color: #E8E8E8;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #E8E8E8E8;
    scrollbar-darkshadow-color: #E8E8E8;
    scrollbar-track-color: ##D0D0D0;
    scrollbar-arrow-color: #000000;
    }</STYLE>
    The one above is too light and it stands out too much.

  11. #11
    Fully Sweet Car noddy's Avatar
    Join Date
    Aug 2002
    Location
    Perth, Western Australia
    Posts
    759
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    color combos

    Just keep playing with it

  12. #12
    SitePoint Enthusiast
    Join Date
    Sep 2002
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Last edited by roguenroll; Jul 28, 2004 at 07:07.

  13. #13
    SitePoint Evangelist worksdev's Avatar
    Join Date
    Mar 2002
    Location
    Central, PA - originally from Monterey, CA
    Posts
    497
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If colors are part of your business branding scheme, then why not?

  14. #14
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it's a bad idea to use non-standard code such as this, and plus, if you're using a DOCTYPE in IE6, the colored scrollbars won't even show up in the first place.

  15. #15
    SitePoint Member
    Join Date
    Jan 2001
    Location
    Atlanta
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Last edited by nickpixel; Sep 9, 2002 at 14:26.

  16. #16
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't use them personally. There's a certain recognition that non-colored scroll bars have. Sitepoint uses them we'll but sometimes I find myself looking for the scroll bar.

    If you site is very "graphic design" orientated then I say go for it. But if you site is made for the widest audience possible than I wouldn't use them.


  17. #17
    Don't eat yellow snow spaceman's Avatar
    Join Date
    Mar 2001
    Location
    Melbourne, Australia
    Posts
    1,039
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: mattjacob beat me to it....

    Are colored scroll bars standards-compliant? No.

    Are web standards a great thing that we should all be moving towards? IMHO - Yes. (see: http://www.webstandards.org/)

    Are color scroll bars kinda cool? Er... yes. I would like to see them included as standard in a future CSS spec.
    Web Design Perth Melbourne .:. Itomic Business Website Solutions
    Drupal Experts .:. Drupalise

  18. #18
    SitePoint Wizard
    Join Date
    Apr 2002
    Location
    Brisbane QLD Australia
    Posts
    1,489
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I love colored scroll bars!

    They just add that edge of quality that I think is needed in web design.

  19. #19
    SitePoint Zealot thespian's Avatar
    Join Date
    Sep 2000
    Location
    South Africa
    Posts
    186
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Darin
    [B]I can't seem to get a good color combination working for the scrollbar.
    Darin,

    Tell you what I do that always works for me. It may not be the best but it is simple and the results are always clear.

    What I do is identify the main colour of the site (let's say #333366 for example) and then code only the following two scrollbar colour options:
    Code:
    scrollbar-face-color : #333366;
    scrollbar-base-color : #333366;
    Once done, I choose my arrow colour (normally #000000 or #FFFFFF) and add it to the code:
    Code:
    scrollbar-face-color : #333366;
    scrollbar-base-color : #333366;
    scrollbar-arrow-color : #FFFFFF;
    Violla!

    I used this concept extensively on the Harvey Roofing Products website where each section of the site has a different colour scheme - so you can use it to check out the effects. If the site is not there anymore (development), check out the "live" site
    Bill Conté [Protected by Psalm 91]
    Web Mechanix
    Growing OLD is Mandatory - Growing UP is Optional!

  20. #20
    SitePoint Enthusiast frostproof's Avatar
    Join Date
    Apr 2002
    Location
    Metro-Orlando
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking

    I say I like em... in many cases I've seen them compliment the overall design very nicely, and give it that extra special touch!

    = fp
    = fp
    AIM : frostpro
    ** CREATIVE PRESSURE ** High-Octane Stock Photos and Media
    -- CHAD BISHOP -- Designer & E-Business Consultant

  21. #21
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I second what billiousness said: Colored scrollbars give a great added look to your site, as long as they are done well. Every interesting facet of web design can be used to look great, or horrible. Its not the concept itself that is bad, but the "skills" of the so-called webmaster behind it.

    If you want to make great looking scrollbars quickly, I highly recommend CodeBrain.com's Scrollbar Styler. It generates the code for you automatically - very nice tool indeed!
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!

  22. #22
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well...i pretty much agree with the general feeling here, i.e.:

    - yes, they're pretty, if they match the site's colour scheme while remaining easily useable and identifiable as such (one really bad example that i keep cringing at is www.razorart.com)

    - they're not standards compliant, and will keep your site from validating http://jigsaw.w3.org/css-validator/ properly (unless you use some client or server-side sniffer script that only serves the stylesheet with the coloured scrollbars if the user is on IE or something...which kind of defeats the purpouse of validating pages in the first place)

    i do wish they were part of the standard, though...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  23. #23
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The chances of coloured scroll bars being added to the CSS spec are slim-to-none, because scroll bar appearance is nothing to do with the actual document - it is something that should be controlled by the user-agent / browser.

    Coloured scroll bars don't even work in IE6 when you switch it in to standards mode with a DOCTYPE, so as far as I'm concerned they aren't even an issue any more.

  24. #24
    SitePoint Zealot 19nine78's Avatar
    Join Date
    Feb 2002
    Location
    Ayr, scotland
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    because scroll bar appearance is nothing to do with the actual document
    I disagree somewhat with that statement. Scrollbars are part of the document, the browser scrollbar is afterall the overflow of the body or html element (depending on wheter you in strict or quirks mode).

    it is something that should be controlled by the user-agent / browser.
    Form elements are drawn by the UA or the browser, yet the css spec freely allows them to be styled. Why should scrollbars be any different

    Coloured scroll bars don't even work in IE6 when you switch it in to standards mode with a DOCTYPE
    They do, apply them to the HTML tag instead of the BODY tag.

    I would however say that I'm not in favour of any other part of the browser GUI being styled, but I don't understand this resistance to scrollbar colors just because they're 'not in the spec'.

    cheers

    alastair

  25. #25
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd forgotten about applying scrollbar CSS to the html tag instead of the body tag, thanks for correcting me.

    The best arguments against scrollbars I have seen can be viewed here:

    http://lists.w3.org/Archives/Public/...1Sep/0058.html
    http://lists.w3.org/Archives/Public/...1Oct/0012.html


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
  •