3% off
code
TSV
X

Wie kann ich Breite, Höhe, Abstände und Hintergrund-Farbe anpassen?

TSViewer Einbau
Diese Dinge sind mit CSS (Cascading Style Sheets) direkt im TSViewer Code schnell und einfach gemacht. Der erste Teil des TSViewer Codes ist eine CSS Ebene (div) für den TSViewer, Beispiel:
<div id="ts3viewer_1234567" style=""> </div>
Du gibst CSS Regeln mit Hilfe des style Befehls in dieser CSS Ebene (div) ein. Lass uns beginnen.

Breite & Höhe

Die Breite des TSViewers wird in Pixeln eingegeben, eine Breite von 200 Pixeln würde zum Beispiel so aussehen:
<div id="ts3viewer_1234567" style="width:200px; overflow:auto;"> </div>
Wenn benötigt, kannst du auch eine Höhe bestimmen (normalerweise nicht nötig), ohne diese Angabe ist die Höhe des TSViewers dynamisch (nur so lang wie benötigt). Wenn du eine Höhe angibst, wird der TSViewer immer die selbe Höhe haben, alles was über die angegebene Höhe geht wird einen Scrollbalken generieren oder kann auch zum Beispiel versteckt werden (durch die overflow Regel gesteuert). Die TSViewer Code div mit einer angegebenen Höhe und Breite sieht wie folgt aus:
<div id="ts3viewer_1234567" style="width:200px; height:300px; overflow:auto;"> </div>

Hintergrund-Farbe

Die Hintergrund-Farbe wird mit der CSS Regel background-color angegeben. Du kannst entweder Wörter wie black, grey, red, blue, white, etc. schreiben oder du kannst die Farbe genau mit einem HEX code angeben. In diesem Beispiel ist die Hintergrund-Farbe durch einen HEX Code für grau angegeben, es ist #777777:
<div id="ts3viewer_1234567" style="background-color:#777777;"> </div>
Und in diesem Beispiel mit dem Wort grey für grau als Hintergrund-Farbe:
<div id="ts3viewer_1234567" style="background-color:grey;"> </div>
Du benutzt die Wörter wenn du nur die Grundfarbe brauchst und du benutzt die HEX Codes wenn du eine bestimmte Art von Farbe brauchst.

Abstände

Dies wird durch die CSS Regel margin angegeben. In diesem Beispiel benutzen wir die folgenden Abstände: 10px (oben), 5px (rechts), 15px (unten) and 0px (links):
<div id="ts3viewer_1234567" style="margin:10px 5px 15px 0px;"> </div>
Die Reihenfolge der Abstand Befehle ist immer: oben, rechts, unten, links.

Mehrere CSS Regeln zusammen

Du trennst mehrere CSS Regeln mit einem Semikolon ; zwischen ihnen. Wenn wir alle soweit erklärten Regeln benutzen, würde es so aussehen:
<div id="ts3viewer_1234567" style="width:200px; height:300px; overflow:auto; background-color:#777777; margin:10px 5px 15px 0px;"> </div>

Hilfe

Weitere Informationen über CSS und seine Möglichkeiten findest du zum Beispiel bei SELFHTML CSS. Du kannst auch Hilfe im TSViewer.com Forum bekommen.
Bitte hinterlasse einen Kommentar falls hier irgendwas nicht gut genug erklärt, schlecht geschrieben oder einfach nur falsch ist. Lob, Kritik, Verbesserungsideen, alles.