Web Hosting Forum | Lunarpages


*
Welcome, Guest. Please login or register.
Did you miss your activation email?



Login with username, password and session length
February 09, 2012, 12:04:13 PM

Pages: [1]   Go Down
  Print  
Author Topic: Non-Standard Scrollbar?  (Read 1264 times)
Diogenes Daughter
Trekkie
**
Offline Offline

Posts: 13



WWW
« on: August 10, 2008, 04:00:01 PM »

Hi,

Let's face it, regular scrollbars are pretty boring, especially when one wants to put them in a…shall we say…graphics oriented, steampunkish themed web page!

So, here is what I'm trying to do (using Dreamweaver CS3).  I want to create a brass looking, vertical scrollbar located in a specific spot (the right side) on/in a graphic of a “steampunk” looking LCD monitor on one of my pages.  I would like the scrollbar to control/scroll the content on the “screen” of said monitor graphic.

I know how to get all of the content in the “screen” and control it with a scrollbar, but the typical blue and gray scrollbar totally screws up the whole ambiance of the page.

Is there any way to change it?  Can this be done?  Are there any examples out there?

I'm still pretty new to web page design.

Thanks,

Lianna :O)
Logged
Brennie369
Galactic Royalty
*****
Offline Offline

Posts: 202



WWW
« Reply #1 on: August 21, 2008, 12:32:52 PM »

Hi, you can add the following to either the body section in your CSS file (which will have it appear for all scrollbars on all pages that link to your CSS file) OR in the head tags of the page(s) you want it to appear on (change the #color values to the colors you want - if you don't know the hex codes of your colors, try this site: http://www.december.com/html/spec/color0.html):

    scrollbar-face-color:#fff;
    scrollbar-arrow-color:#fff;
    scrollbar-track-color:#fff;
    scrollbar-shadow-color:#c7bdae;
    scrollbar-highlight-color:#fff9fc;
    scrollbar-3dlight-color:#fff9fc;
    scrollbar-darkshadow-color:#c7bdae;

Note: this only works in Internet Explorer. Also it's not XHTML compliant, so if you code your site with strict XHTML, this wont be acceptable.
Logged
Pages: [1]   Go Up
  Print  
 
Jump to: