Color- und Formateinstellungen für Scrollbars und Text


Hier wieder ein kleines Tool!

Es dient zum Einstellen und Ändern der Farben und Formate von Text und Hintergrund sowie zum Ändern der Farben der Scrollbalken. Ändere einfach die Farb- und Formatangaben in der Steuerung im mittleren Bereich. Dann wirst Du sehen, was passiert. Außerdem kannst Du am Ende den entsprechenden Quelltext aus dem Quelltextfenster kopieren und weiterverwenden, wenn Du magst! Direkt auf den Button ganz unten klicken und schon ist der Quelltext in Deiner Zwischenablage. (Markieren des Textes ist nicht erforderlich!) Probier es einfach aus!

(Bitte beachte, daß ggf. bei der Auswahl von größeren Textformaten die Anzeige der "Textarea" aus dem anzeigbaren Bereich herauslaufen kann und dann abgeschnitten wird. Wenn Du also die Scrollbalkenfärbungen beobachten möchtest solltest Du ein etwas kleiners Schriftformat wählen!)

In diesem Beispiel wurden die Formate innerhalb einer Textarea geändert und im Quelltext auch als Styles für ein .TA abgegeben. Du kannst aber diese Style-Anweisungen genauso gut in ein Stylesheet für den BODY umwandeln. ändere dazu einfach in dem kopierten Quelltext die Anweisung .TA vor den geschweiften Klammern in BODY (ohne Punkt). Schon hast Du ein fertiges Style-Sheet mit Formatangaben für Text und Scrollbalken für deine gesamte Webseite.

Text und Hintergrund

background-color
text-color
 
font-family
font-size
font-style
font-weight

Scrollbars färben

3dlight-color (1) i
arrow-color (2) i
base-color (3) i
track-color (4) i
darkshadow-color (5) i
face-color (6) i
highlight-color (7) i
shadow-color (8) i

(Probieren geht über Studieren!)

     

Quelltext:
<HTML>
<HEAD>
  <STYLE>
       .TA { background-color: #FFFFFF;
               color: #000000;
               font-family: 'Courier New';
               font-size: 10pt;
               font-style: normal;
               font-weight: normal;
               scrollbar-3dlight-color: ;
               scrollbar-arrow-color: ;
               scrollbar-base-color: ;
               scrollbar-track-color: ;
               scrollbar-darkshadow-color: ;
               scrollbar-face-color: ;
               scrollbar-highlight-color: ;
               scrollbar-shadow-color: ; }
  </STYLE>
</HEAD>
<BODY>
  <TEXTAREA cols=30 rows=5 wrap=off CLASS="TA"> Das ist ein text innerhalb des Bereiches TEXTAREA.
Durch die Steuerelemente unterhalb können die Farben für die Scrollbalken beliebig geändert werden.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
</TEXTAREA>
</BODY>
</HTML>