StyleAssistant |
| Startseite |
 |
| Screenshot |
|
| Kurzanleitung |
|
| Download |
|
| Kurse & Infos |
|
| >Tipps & Tricks< |
|
| Unterstützer |
|
| TMXtensions |
|
| ?Freeware! |
|
| About TM |
|
Stand: 07.12.2002 |
Tipps & Tricks – Tipp 31
|
 |
 |
 |
|
31.
Scrollbar-Farben im IE 5.5 (13.07.2000)
Der IE 5.5 bringt keine wirklich großartigen Neuerungen mit sich, wenn man einmal von der integrierten Druckvorschau und Detailverbesserungen im CSS-Bereich absieht, die eigentlich längst überfällig waren
(siehe Tipp 30).
Neben der weiteren Annäherung an Standards bringt diese Browserversion auch einige proprietäre CSS-Erweiterungen zum Einfärben der Scrollbars im BODY eines Dokuments oder in einer Textbox (TEXTAREA) mit. Im Prinzip handelt es sich
um ziemlich verspielt wirkende Effekte, die am Anfang ganz nett, aber nach einiger Zeit doch eher nervig sind. Es ist zu befürchten, dass die GUIs künftig mit schweinchenrosa Scroll-Leisten ausgestattet sind oder
neongrün eingefärbte Pfeilspitzen den Weg nach unten oder oben weisen ...
Die von Microsoft eingeführten CSS-Definitionen haben die nachfolgenden Bezeichnungen. Ihnen werden wie bei Color-, Background-Color- oder Border-Color-Angaben wahlweise hexadezimale Farbwerte (#RRGGBB), Farbwerte von 0-255 in der
Notation rgb(rotwert,grünwert,blauwert) oder Farbworte (z. B. red) zugewiesen.
Scrollbar-Arrow-Color Scrollbar-Base-Color Scrollbar-Face-Color Scrollbar-Track-Color Scrollbar-Highlight-Color Scrollbar-Shadow-Color Scrollbar-3DLight-Color Scrollbar-DarkShadow-Color Anwendung: Scrollbar-Arrow-Color: red;
Man kann diese Definitionen auch direkt über das Objektmodell (DOM) des IE 5.5 bzw. 6.0 ansprechen, wozu jedoch JavaScript benötigt wird.
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function myScrollbars()
{
if (document.all && (navigator.userAgent.indexOf("MSIE 5.5") != -1
|| navigator.userAgent.indexOf("MSIE 6") != -1)) // eine Zeile(!)
{
var obj=document.all["bd"].style;
obj.scrollbarDarkShadowColor="#......";
obj.scrollbarBaseColor="#......";
obj.scrollbarFaceColor="#......";
obj.scrollbarTrackColor="#......";
obj.scrollbarShadowColor="#......";
obj.scrollbarHighlightColor="#......";
obj.scrollbar3dLightColor="#......";
obj.scrollbarArrowColor="#......";
}
}
Anwendung: <BODY ID="bd" OnLoad="myScrollbars()">
//-->
</SCRIPT>
Beispiel 31 demonstriert diese (mit Vorsicht zu genießenden Style-Definitionen) an einer Textbox. |
|
 |
|
 |