Web Page Generator
Scrollbalken - HTML Tutorial - Kurs für Einsteiger.

HTML Tutorial: Farbige Scrollbalken




Realisieren kann man die farbigen Scrollbalken mit CSS: Das Body-Tag hat Attribute, mit denen sich die Scrollbars einfärben lassen. Leider werden farbige Scrollbalken jedoch nur vom Internet Explorer ab Version 5.5 unterstützt.

Will man einer Bildlaufleiste einen grundsätzlich anderen Farbton verpassen, so empfiehlt sich zunächst das Attribut scrollbar-base-color. Die hier festgelegte Farbe gilt dann für die ganze Leiste und wird, um z.B. den 3D-Effekt zu erreichen, noch leicht variiert.

Beispiel:
<html>
<head>
<title>Untitled</title>
<style>
body { scrollbar-base-color: black; }
</style>
</head>

Wer die Farbgebung in weiteren Details beeinflussen möchte, der kann weitere Attribute verwenden. scrollbar-base-color wird damit außer Kraft gesetzt.

Folgende Attribute stehen zur Verfügung:
scrollbar-face-color bestimmt die Farbe des eigentlichen Scrollbalkens
scrollbar-highlight-colorbestimmt die Farbe der höhergelegenen Elemente
scrollbar-shadow-colorbestimmt die Farbe der tiefergelegenen Elemente
scrollbar-3dlight-colorbestimmt die Farbe seitlich liegender Elemente
scrollbar-arrow-colorbestimmt die Farbe der Pfeile in den Kopfstücken
scrollbar-track-colorbestimmt die Farbe der Scrollbalken-"Schiene"
scrollbar-darkshadow-colorbestimmt die Farbe bestimmter seitlich liegender Elemente

Beispiel:
<html>
<head>
<title>Untitled</title>
<style>
BODY {
scrollbar-face-color: red;
scrollbar-highlight-color: black;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: black;
scrollbar-track-color: white;
scrollbar-darkshadow-color: black;
scrollbar-base-color: black;
}
</style>
</head>

Mehr Drehmoment durch Chiptuning
GPS Sender und Tracking.
Web Server's Default Page
Web Server's Default Page

This page is generated by Plesk, the leading hosting automation software. You see this page because there is no Web site at this address.

You can do the following:

  • Create domains and set up Web hosting using Plesk.
What is Plesk

Plesk is a hosting control panel with simple and secure web server and website management tools. It was specially designed to help IT specialists manage web, DNS, mail and other services through a comprehensive and user-friendly GUI. Learn more about Plesk.