SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Scroll bar customization

    anyone know where i can find the style command and attributes/descriptions for customizing the look of the scroll bar like on this site?
    Ex: chaning the bar and arrows bg color etc.
    Thanks all.
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*

  2. #2
    SitePoint Enthusiast
    Join Date
    May 2001
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is quite simple to change the scollbar colour, this was one of those things that used to puzzle me, but now I know how its done, I realise it's quite easy.

    If you put this in your <head> section or within a css style sheet.

    i.e.

    SCROLLBAR-FACE-COLOR: #5566aa; SCROLLBAR-HIGHLIGHT-COLOR: #5566aa; SCROLLBAR-SHADOW-COLOR: #5566aa; SCROLLBAR-3DLIGHT-COLOR: #7788cc; SCROLLBAR-ARROW-COLOR: #334488; SCROLLBAR-TRACK-COLOR: #334488; SCROLLBAR-DARKSHADOW-COLOR: #7788cc

    I hope this has been of some use, and if you are using Dreamweaver you can download an extension which will make it even easier. If you need more help, PM me, and I will be more than happy to show you some examples.

    Michael Prosser
    Last edited by mic2020; Jun 19, 2001 at 15:19.

  3. #3
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i don't generally use WYSIWIG's
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*

  4. #4
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what tag? <style> tags are used in the <head> i thought?
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*

  5. #5
    SitePoint Enthusiast
    Join Date
    May 2001
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry I have changed my error you are right defender1, put it in the head section.

  6. #6
    SitePoint Zealot c-pr0mpt's Avatar
    Join Date
    Jun 2001
    Location
    Michigan
    Posts
    171
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Defender> Yes it goes in Style tags bro.
    ravio.com
    Email: corey@ravio.com

  7. #7
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    so you'd use this:
    Code:
    <head>
    <style>
    SCROLLBAR-FACE-COLOR: #5566aa; SCROLLBAR-HIGHLIGHT-COLOR: #5566aa; SCROLLBAR-SHADOW-COLOR: #5566aa; SCROLLBAR-3DLIGHT-COLOR: #7788cc; SCROLLBAR-ARROW-COLOR: #334488; SCROLLBAR-TRACK-COLOR: #334488; SCROLLBAR-DARKSHADOW-COLOR: #7788cc
    </style>
    </head>
    also would it work if i tossed a
    A:hover {color: #ffffff} in there?
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*

  8. #8
    SitePoint Zealot c-pr0mpt's Avatar
    Join Date
    Jun 2001
    Location
    Michigan
    Posts
    171
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You mean to hover the scrollbar? Or you mean just for the rest of your site for link rollovers?
    Last edited by c-pr0mpt; Jun 19, 2001 at 22:28.
    ravio.com
    Email: corey@ravio.com

  9. #9
    Victory shall be mine tubedogg's Avatar
    Join Date
    Mar 2001
    Location
    Medina, OH
    Posts
    440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Defender1
    so you'd use this:
    Code:
    <head>
    <style>
    SCROLLBAR-FACE-COLOR: #5566aa; SCROLLBAR-HIGHLIGHT-COLOR: #5566aa; SCROLLBAR-SHADOW-COLOR: #5566aa; SCROLLBAR-3DLIGHT-COLOR: #7788cc; SCROLLBAR-ARROW-COLOR: #334488; SCROLLBAR-TRACK-COLOR: #334488; SCROLLBAR-DARKSHADOW-COLOR: #7788cc
    </style>
    </head>
    No, you have to do it like this:
    Code:
    <head>
    <style>
    body { SCROLLBAR-FACE-COLOR: #5566aa; SCROLLBAR-HIGHLIGHT-COLOR: #5566aa; SCROLLBAR-SHADOW-COLOR: #5566aa; SCROLLBAR-3DLIGHT-COLOR: #7788cc; SCROLLBAR-ARROW-COLOR: #334488; SCROLLBAR-TRACK-COLOR: #334488; SCROLLBAR-DARKSHADOW-COLOR: #7788cc; }
    </style>
    </head>
    Also keep in mind the only one you *have* to specify is SCROLLBAR-BASE-COLOR. IE will make an intelligent guess based on that color to fill in the rest of the colors.
    also would it work if i tossed a
    A:hover {color: #ffffff} in there?
    Yes.
    Kevin

  10. #10
    SitePoint Wizard Defender1's Avatar
    Join Date
    Apr 2001
    Location
    My Computer
    Posts
    2,808
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by c-prompt
    You mean to hover the scrollbar? Or you mean just for the rest of your site for link rollovers?
    No, i mean all in one style tag.
    so like this:
    Code:
    <head>
    <style>
    body { SCROLLBAR-FACE-COLOR: #5566aa; SCROLLBAR-HIGHLIGHT-COLOR: #5566aa; SCROLLBAR-SHADOW-COLOR: #5566aa; SCROLLBAR-3DLIGHT-COLOR: #7788cc; SCROLLBAR-ARROW-COLOR: #334488; SCROLLBAR-TRACK-COLOR: #334488; SCROLLBAR-DARKSHADOW-COLOR: #7788cc; }
    A:hover {color: #ffffff}
    </style>
    </head>
    Defender's Designs
    I'm Getting Married!

    Not-so-patiently awaiting Harry Potter Book 7 *sigh*

  11. #11
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ofcourse it would work, just two different defined styles, right?
    Jeroen Mulder

    w: www.jeroenmulder.com

  12. #12
    SitePoint Addict
    Join Date
    Jan 2001
    Location
    Ottawa ON
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Waht if I wanted to amek the scrollbar a different color on hover?

    [javascript scrollbars?]

  13. #13
    You talkin to me? Anarchos's Avatar
    Join Date
    Oct 2000
    Location
    Austin, TX
    Posts
    1,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You would have to use a dhtml scrollbar because regular ones won't trigger hover or onmouseover.

  14. #14
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey, you can always check http://www.hotscripts.com

    I know they got such a script/tutorial there.
    Jeroen Mulder

    w: www.jeroenmulder.com


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
  •