CSS / Tipps / Scrollbar mit Farbe [IE|O]

von: Werner Zenk

Die Scrollbars (Bildlaufleisten) mit CSS verändern.

Scrollbars einfärben, mit dem Scrollbar Generator    


   <style type="text/css">
    <!--
    body {
     scrollbar-face-color: #0000FF;
     scrollbar-track-color: #FF0000;
     scrollbar-3dlight-color: #FFFF00;
     scrollbar-darkshadow-color: #00FF00;
     scrollbar-track-color: #00FFFF;
     scrollbar-arrow-color: #FF0000;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #C0C0C0}
    -->
   </style>
 
   <style type="text/css">
    <!--
    body {
     scrollbar-face-color: #FF8000;
     scrollbar-track-color: #840000;
     scrollbar-3dlight-color: #FFFF75;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: #840000;
     scrollbar-arrow-color: #FFFF00;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #999999}
    -->
   </style>
 
   <style type="text/css">
    <!--
    body {
     scrollbar-face-color: #00AA00;
     scrollbar-track-color: #840000;
     scrollbar-3dlight-color: #FFFF75;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: #FFFF00;
     scrollbar-arrow-color: #FFFFFF;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #FF7700;

     background: #FFFF00;
     color: #007700}
    -->
   </style>
 
   <style type="text/css">
    <!--
    body {
     scrollbar-face-color: #868EFB;
     scrollbar-highlight-color: #FFFF00;
     scrollbar-3dlight-color: #FF8000;
     scrollbar-darkshadow-color: #000080;
     scrollbar-shadow-color: #00FFFF;
     scrollbar-arrow-color: #FFFF00;
     scrollbar-track-color: #EEEEEE;}
    -->
   </style>
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?  
Kommentare: 10 » aufmachen   
Arkoudi:
Einfach klasse die Generatoren

Ankalagon:
Man sollte anmerken, dass dies kein w3c Standard ist und ausschließlich vom Internet Explorer unterstützt wird, sämtliche anderen Browser übergehen diese angaben, also sollte man von der nutzung dessen eher absehen.

Werner:
Wie bereits oben erwähnt werden die farbigen Scrolleisten auch bei folgenden Browsern angezeigt: Internet Explorer, Opera und Konqueror.

Emanuel:
geht leider nicht in IE7

robert:
danke für die hilfe

egal:
1.) GUI Elemente sollten nicht nachgebildet werden.. 2.) IE 7 funzt einwandfrei mit den scrollbar- ... - Befehlen

Christian:
Funktiunieren leider weder in Opera 9.6 noch in Firefox. IE8 (beta) klappt

Thomas:
Durch fehlende DOCTYPE-Angaben kann man seinen Browser in den Quirk-Modus erzwingen. Erst dann können einige Browser die farbigen Scrollbars darstellen. Siehe auch unter wiki...

Asosiluor:
Beim Firefox, wird nur der Gelbe Inhalt angezeigt!

Werner:
Der Firefox kennt keine Scrollbars (Bildlaufleisten) nur I.Explorer und Opera.

Captn Salty:
Coole Sache, aber funktioniert nicht im FF, immer diese Browserabhängige A-A

Werner:
Steht auch in der Überschrift "[IE|O]" (also Internet Explorer und Opera). Diese Seite ist mittlerweile schon acht Jahre alt!

allyouracid:
Hehe. 8 Jahre! Im Netzalter sind das Jahrhunderte. Aber schon interessant, mit was für Problemchen man sich damals so rumgeschlagen hat. Vor 8 Jahren... das war doch so ungefähr die animierte-GIF-Zeit, wo es noch cool war, per JavaScript die rechte Mousetaste zu "verbieten", um seinen Source zu schützen (wenn man das "gefährliche" JavaScript nicht bereits deaktiviert hatte, hehe). Da war das sicher noch ein guter, funktionierender Tipp

Werner:
Diese Seite werde ich aus "historischen Gründen" nicht löschen. Da sich jeder Webmaster freut, wenn er so etwas altes mal wieder zu sehen bekommt.
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Mauszeiger - Mauszeiger (Cursor), erstellen oder verändern Sie mit CSS.  CSS Grundkurs [Lektion 2]  Infotext unter einem Link anzeigen  Texteingabe nur in Großbuchstaben zulassen  Verlinkte Grafik mit Hover-Effekt  Bildlaufleisten (Scrollbar) ausschalten  CSS Hyperlink #39  Schriftfarbe und Schriftart mit CSS erstellen  Bilder übereinander legen (stapeln) - Mit CSS (z-index) können Sie Objekte (Bilder, Text, Container, ...) übereinander legen (stapeln).  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner