Scrollbalken Generator - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Scan QR or Download Android App
Direkt zum Seiteninhalt

Scrollbalken Generator

Webmaster Tools
Scrollbalken verändern und der Homepage anpassen

Dies Script erzeugt einen Code zur Scrollbalkenänderung damit diese farbig dargestellt werden können. Über die Vorschauanpassung kann man die Farben für Hintergrund und Schrift einstellen. Dies ist unabhängig von der eigentlichen Code-Generierung und nur zum besseren Abgleich der Farben für die Scrollbalken gedacht.

Grundvoraussetzung, damit der IE farbige Scrollbalken anzeigt, ist die richtige Dokumenttyp-Deklaration. Die aktuellen Definitionionen wie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> oder
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN";>
unterbinden die Anzeige farbiger Scrollbalken. Entweder man verzichtet komplett auf eine Dokumenttyp-Deklaration oder greift auf eine ältere wie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> zurück.

Um die Farben festzulegen sind die Pulldown-Menüs bzw. Inputfelder zu verwenden. Für die Farbangaben werden HEX-Codes und auch die englischen Farbnamen akzeptiert. Es kann jede Farbe verwendet werden, nicht nur die 20 vorgegebenen. Dazu ist lediglich der Farbwert oder Farbname in das zugehörige Inputfeld einzutragen und mit OK zu bestätigen.



Vorschauanpassung:
Hintergrund
Schrift


Farbauswahl für die Scrollbalken:
scrollbar-arrow-color
scrollbar-base-color
scrollbar-track-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-shadow-color





Ausgabebox für CSS-Code:



Der in der Ausgabebox bereitgestellte CSS-Code muß in den Head-Bereich jeder Seite eingebaut werden, welche farbige Scrollbalken erhalten soll. Dies gilt auch bei der Verwendung von Frames. In der Seite mit der Framesdefinition selber braucht er hingegen nicht eingebaut werden.

Alternativ besteht auch die Möglichkeit die CSS-Anweisungen in eine externe Datei auszulagern. Bei Änderungen muß dann nur eine Datei und nicht jede Seite bearbeitet werden.

Dazu werden die CSS-Anweisungen in einer separaten Textdatei abgespeichert. Sinnvollerweise wird diese Textdatei mit der Endung .css abgespeichert. Die Tags zum Aufruf in der Seite, <style> und </style> entfallen dabei. Hier mal ein Beispiel:

body {
scrollbar-track-color: #000000;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: #696969;
scrollbar-3dlight-color: #FFD700;
scrollbar-darkshadow-color: #FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}

Der Aufruf in jeder Seite erfolgt über (im HEAD-Bereich) :
<link rel="stylesheet" href="Datei.css">

Anstelle von Datei.css ist der Name der CSS-Datei anzugeben. Wenn sich die CSS-Datei in einem anderen Verzeichnis oder auf einem anderen Server befindet, muß an dieser Stelle zusätzlich eine Pfadangabe oder absolute URL eingetragen werden.

Copyright: Dauerstress

» nach oben «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt