Hilfe:CSS-Klassen
Aus Wikibooks
Inhaltsverzeichnis |
[Bearbeiten] monobook.css
Mit einer persönlichen CSS-Datei hast du einige Möglichkeiten, das Aussehen von Wikibooks an deine Wünsche anzupassen. Dazu musst du eine Datei Benutzer:Name/monobook.css erstellen. Hier einige Beispiele, was du in diese Datei schreiben kannst. Du kannst diese „Blöcke“ in beliebiger Auswahl und Reihenfolge in die Datei schreiben. Leerzeilen zwischen den Blöcken dürfen enthalten sein.
[Bearbeiten] Wikibooks-Logo unterdrücken
/** Hide Wikibooks-Logo */
#column-one { padding-top: 1.8em; }
#p-logo { display: none; }
[Bearbeiten] Copyright-Warnung unterdrücken
/** Hide Copyrightwarning - mittlerweile hab ich es verstanden ;-) */
#editpage-copywarn { display: none; }
[Bearbeiten] Warnung "Seite hat mehr als 32k Byte" unterdrücken
/** Hide long Page Warning */
#editpage-longpagewarning { display: none; }
[Bearbeiten] Schrift um 20% vergrößern
#bodyContent
{
font-size:120%;
}
[Bearbeiten] Änderungen deutlicher hervorheben
//** Für Rot-Grün Schwache: Änderungen in Blau und größer */
.diffchange
{
color: blue; font-weight:bold; font-size:120%;
}
[Bearbeiten] Ausdruck unterdrücken
Ist etwas nicht zum Ausdrucken gedacht (z. b. Navigation), wird dies z. B. durch die CSS-Klasse "noprint" realisiert. Hier findest du eine Liste mit Wiki-CSS-Klassen.
[Bearbeiten] So benutzt du die Wiki-CSS-Klassen
Um einen Tag einer Klasse zuzuweisen, nimmst du das Attribut "class". Beispiele:
<span class="noprint">Dieser Text wird nicht ausgedruckt.</span>
<div class="floatleft" style="background-color: #578AD6;">Text links</div> Dies ist ein normaler Text. Er fließt hier vor sich hin. Links neben ihm ist ein blauer Kasten.
Beispiel mit Tabelle:
<div style="width: 30%;">
{| class="floatright"
|----
!a
!b
!c
|----
|1
|2
|3
|}
</div>
| a | b | c |
|---|---|---|
| 1 | 2 | 3 |
Das sieht dann so aus:
...
...
[Bearbeiten] Liste der Wiki-CSS-Klassen
| CSS-Klasse | Beispiel | Code |
|---|---|---|
|
noprint Beschreibung: Der Text wird nicht mitausgedruckt. |
Dieser Satz wird ausgedruckt. | Dieser Satz wird ausgedruckt. <span class="noprint">Dieser Satz wird nicht ausgedruckt.</span> |
|
floatleft Beschreibung: Das Objekt erscheint links. |
Text links
Dies ist ein normaler Text. Er fließt hier vor sich hin. Links neben ihm ist ein blauer Kasten. |
<div class="floatleft" style="background-color: #578AD6;">Text links</div>Dies ist ein normaler Text. Er fließt hier vor sich hin. Links neben ihm ist ein blauer Kasten. |
|
floatright Beschreibung: Das Objekt erscheint rechts. |
Text rechts
Dies ist ein normaler Text. Er fließt hier vor sich hin. Rechts neben ihm ist ein blauer Kasten. |
<div class="floatright" style="background-color: #578AD6;">Text rechts</div>Dies ist ein normaler Text. Er fließt hier vor sich hin. Rechts neben ihm ist ein blauer Kasten. |
|
NavFrame, NavHead und NavContent Beschreibung: Zum Unterbringen von Zusatzmaterial, z.B. Tabellen oder Beispiele, welches voraussichtlich nicht jeden Leser interessiert. s.h. Hilfe:Details_ausblendenHinweis: Der Text "Einklappen" hat die Klasse "NavToggle". Bei deaktivierten |
Hier stehen die Details
Hier steht der präzisierende Text im Wiki-Format |
<div style="clear:both;" class="NavFrame">
|
