Die Bildlaufleiste ist eine vielseitige Funktion, die das Arbeiten mit jeder Website komfortabler und schneller macht. Gleichzeitig bevorzugen Websitebesitzer, auf ihren Seiten nicht nur nützliche, sondern auch schöne Add-Ons zu installieren, die das Design an das Gesamtfarbschema der Seite anpassen. In diesem Artikel zeigen wir Ihnen, wie Sie einen farbigen Scrollbalken auf Ihrer Website installieren. Dafür gibt es mehrere Möglichkeiten, und eine davon ist ein vorgefertigter Code, der auf jeder Seite installiert werden kann, auf der Sie die Bildlaufleiste ändern möchten.
Anleitung
Schritt 1
Wählen Sie die zu bearbeitende Seite aus und kopieren Sie ihren HTML-Code in den Editor.
Fügen Sie nach dem Tag den Code ein:
Körper {Rollbalken-Gesichtsfarbe: # 5997CA;
Bildlaufleisten-Schattenfarbe: #ffffff;
Bildlaufleiste-Highlight-Farbe: #ffffff;
Scrollbar-3dlight-Farbe: # 5997CA;
Bildlaufleiste-Dunkelschatten-Farbe: # 5997CA;
Bildlaufleiste-Spurfarbe: # F6F6F6;
Scrollbalken-Pfeilfarbe: # F6F6F6; }
Schritt 2
Passen Sie im Code die Farbwerte vor jedem Parameter nach Belieben an: die Farbe der Bildlaufleiste, die Farbe des Pfeils, die Hintergrundfarbe der Bildlaufleiste, die Farbe der Ränder, Trennen der Balken, und so weiter.
Dies ist der einfachste Weg, aber daneben gibt es noch einen weiteren - speichern Sie den gleichen Code mit Ihren Farbeinstellungen der Scrollbar als CSS-Datei und laden Sie ihn auf die Seite. Öffnen Sie dazu den obigen Code ohne Tags im Editor. Speichern Sie die Codedatei und nennen Sie sie scroll.css. Laden Sie dann auf den Server an derselben Stelle wie die Seite hoch, auf der Sie die Bildlaufleiste ändern möchten.
Schritt 3
Wenn Sie die Beschriftung von Farben in HTML nicht kennen, suchen Sie im Internet nach einer Tabelle mit diesen Symbolen. Es hilft Ihnen, Codes und Farben zu korrelieren und die richtige Farbe für Ihr Website-Design auszuwählen.
