Wir färben unsere Scrollbalken farbig ein!

<style type="text/css">
body {
scrollbar-arrow-color: #7C97C2;
scrollbar-base-color: #D2E1F8;
scrollbar-dark-shadow-color: #7C97C2;
scrollbar-track-color: #D4E0F0;
}
</style>

Zip für den Code!

 

 

 

Legen wir los!

 

  

Füge bitte den Code (steht oben)

zwischen

 

<head>

 

</head>

 

in deinem html-code von Frontpage ein.

 

  

Im dem Teil des Skriptes könnt ihr nun einstellen welche Farbe,

 die Scroll-Leiste bekommen.

 

---------------------

 

<style type="text/css">

 

body {

scrollbar-arrow-color: #7C97C2; <-- Farbe der kleinen Pfeile in der Scrolleiste

scrollbar-base-color: #D2E1F8; <-- Basis Farbe der Scroll-Leiste

scrollbar-dark-shadow-color: #7C97C2; <-- dunkle Schattenfarbe der Scrolleiste

scrollbar-track-color: #D4E0F0; <-- Farbe des Schiebers in der Scroll-Leiste 

</style>

----------------------

 

 

Hier die Farben kannst du austauschen,( Farbtabelle)

 

  

Tipp:

 

Base, Dark und Track sollten die gleiche Farbe haben wie dein Seiten Hintergrund.

Also: Wenn du eine Kachel benutzt hast,

 dann such Dir eine passende Farbe aus deiner Kachel, also eine die fast Identisch ist.

Diesen # (Hexcode) füge in den htm Code ein wie oben beschrieben.

 

Wenn du das gemacht hast, dann nimm für arrow (Ecke) den Farb Hexcode deiner Schrift.

 

Du kannst die eingefärbten Scrollbalken nur in der Vorschau sehen, nicht im Entwurf.

 

Außerdem ist das auch nur sichtbar, wenn du mit dem Browser von Windows also mit dem InternetExplorer arbeitest. Bei allen anderen (firefox, opera, netscape) hat das keine Wirkung.

Viel Spaß beim Ausprobieren!

 

Claudias Poesiealbum

 

*KreativDesign*