W3C home > Mailing lists > Public > www-style@w3.org > September 2001

Scrollbar CSS representation [Re: Proposal]

From: Vadim Plessky <lucy-ples@mtu-net.ru>
Date: Mon, 24 Sep 2001 12:25:44 +0000
To: "Rock Lyrics Page" <glennxl@hotmail.com>, www-style@w3.org
Message-Id: <20010924084626.1624673D3@mtu.ru>
On Saturday 22 September 2001 15:42, Rock Lyrics Page wrote:
|   I would like to propose that in CSS 3 you make the Colored Scrollbar
| Valid. Internet Explorer accepts it so why not make it legal.
|
|   The source is:
|
|   BODY {
|           scrollbar-face-color: rgb(VALUE);
|   	scrollbar-shadow-color: rgb(VALUE);
|   	scrollbar-highlight-color: rgb(VALUE);
|   	scrollbar-3dlight-color: rgb(VALUE);
|   	scrollbar-darkshadow-color: rgb(VALUE);
|   	scrollbar-track-color: rgb(VALUE);
|   	scrollbar-arrow-color: rgb(VALUE);
|        }

Just a moment, please...
Why do you suggest that scrolbar has "face-color", "shadow-color", 
"highlight-color", etc.?
I do not think that W3C should follow "microsoft" model in drawing scrolbars.
I use *pixmaps* for toolbars quite often. (see link to my themes page below)
With pixmap-based widget theme, there is no "face-color" or "shadow-color" in 
scrollbar.
I guess scrollbar should be handled in the same way as current CSS box.
model, with some exceptions and, may be, additions : 
  margin: 3pt;
  border: 2px solid lime;
  padding: 0;

background: url(myscrollbarpixmap.png)

We need to distinguish Horizontal and Vertical scrollbars, though.
Plus, there is a need to add Horz.ScrollBar Handler (Decoration) and Vertical 
ScrollBar Handler (small decorations which you usally position mouse at, when 
dragging scrollbar)
Each of those handlers can be *default* (OS-specific) or again, handled by 
some pixmap.
As a reference, you can check my Diesel-Blue and Egypt Widget (Style) themes 
for KDE2. Screenshots are available on my Themes preview page, and you don't 
have to run KDE to see them.

|
|   The color value could also be written in Hexadecimal or Short Hex.
|

-- 

Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
Do you have Arial font installed? Just test it!
http://kde2.newmail.ru/font_test_arial.html
Received on Monday, 24 September 2001 04:46:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:10 GMT