Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Oct 2002
    Location
    USA
    Posts
    255
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS for scrollbar

    Here's what I have for a scrollbar:


    body {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    }


    What I want to do is to lose everything (the arrow, the track, top and bottom squares,..etc.) but the scrollbar itself.

    How is that possible?

    Thanks.

  • #2
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Really man, there are so many threads about scrollbar CSS at the moment..... I really hope you've read at least two of them before posting this.

    In answer to your question:
    There are 2 ways, first, make your site using Flash. Then you can control every element of you pages UI.

    2, Check out youngpup.net's scroller .

    But if this starts up the third scrollbar debate this week, I'm gonna go berko

    I take no responsibility for the above nonsense.


    Left Justified

  • #3
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    I wonder if that was even the answer to the question, mindless... I know I sure as heck don't want to go through all the trouble of learning to program in flash just to be able to control my scrollbars!

    ssskaya, are you just wanting to be able to 'see' the movable part of the scrollbar? Something like this?:


    body {
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    }
    <div> - putting your mind in a box since 1997

  • #4
    Regular Coder Skyzyx's Avatar
    Join Date
    Aug 2002
    Location
    Silicon Valley, CA
    Posts
    980
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ArcticFox's code is the straight-forward answer to your question. Yes, that is correct.

    That being said, I must interject my "opinion", if you will, that I share with the majority of web users all over the world:

    Don't do it.

    Generally speaking, most people who implement colored scrollbars really aren't too good at it. Most people who would be good enough at color picking to implement them, know better.

    There are a variety of reasons not to try to manipulate someone else's browser user-interface. I could go into usability, validation, and ethics, but these topics have already been discussed at great length on these forums. You can do a search for "scrollbars" to find out more.

    You can still create some of the most brilliant designs on the web without altering someone else's browser colors.

    Creator of SimplePie and Tarzan AWS, co-founder of WarpShare, co-built the Y! Messenger website, usability-focused, and an INFJ personality.

  • #5
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    I agree with Skyzyx.
    OracleGuy

  • #6
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by ArcticFox
    I wonder if that was even the answer to the question, mindless...
    I know it wasn't the simple answer he/she was after, but I was assuming (hoping, actually) that he/she had already read one of the hundreds of threadds about scrollbar CSS. I simply wanted to provide some different options.
    Did you have a good look at youngpup's scroller? You could make that display however you like... (on a javascript enabled browser, of course...)

    I suppose my intention was to divert this thread before it turned into another one of those threads. And I know you know what I'm talking about

    I take no responsibility for the above nonsense.


    Left Justified

  • #7
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    Originally posted by mindlessLemming
    I suppose my intention was to divert this thread before it turned into another one of those threads. And I know you know what I'm talking about
    Quite and let's not get into that again.
    OracleGuy


  •  

    Posting Permissions

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