Benutzer:Chris aus MZ: Editor Handbuch
Erscheinungsbild
Kleine Klammerlehre
[Bearbeiten]Beschreibung | Beispiel | Code | ||
---|---|---|---|---|
einfache eckige Klammer => Link auf Seiten außerhalb der Wiki-Projekte |
|
| ||
doppelte eckige Klammer => Link in die Wikiprojekte |
|
| ||
einfache geschweifte Klammer => Am Start von Tabellen - aber ist die sonst noch zu irgendwas gut? |
|
| ||
doppelt geschweifte Klammer => Inhalt aus Vorlage einbinden |
|
|
Offene Fragen:
- Wofür ist eigentlich
<div> ... </div>
gut??
- <include> und <noinclude> erklären.
- Attribute von Bildern erklären thumb px40 usw.
- Wann muss ein Doppelpunkt vorne in die Klammern??
Best of Vorlagen
[Bearbeiten]
Variablen
[Bearbeiten]
Hilfetext unter Hilfe:Variablen
Textgestaltung
[Bearbeiten]
Tabellengestaltung
[Bearbeiten]
Beschreibung
Beispiel
Code
- Start Tabelle: geschweifte Klammer mit Pipe
- Zellen trennen: Pipe und Umbruch oder durch Doppelpipe
- Reihen trennen: Pipe + Minuszeichen
- Ende Tabelle: Pipe + geschweifte Klammer zu
Zelle1
Zelle2
Zelle3
Zelle4
{| border="1"
|Zelle1||Zelle2
|-
|Zelle3
|Zelle4
|}
- Rahmendicke:
border="x"
- Titelzeile:
"!" statt "|"
- Zellen in Reihe verbinden:
rowspan="x"
- Zellen in Spalten verbinden:
colspan="x"|Inhalt
- Ausrichtung Zelle:
align="center";"left";"right"|Inhalt
- Ausrichtung Zeile:
valign="top";"middle";"bottom"|Inhalt
- Kopfbeschriftung:
|+ Überschriftentext
- Zellenbreite in Kopfspalte angeben:
width="x%";"y"|
- Zellenhöhe angeben: height="x"|
- -
-
cellspacing="x"
: Breite des Rahmens
cellpadding="y"
: Abstand Inhalt vom Rahmen
rules="all"
: ???
class="hintergrundfarbe1 rahmenfarbe1"
: ???
style="Wert"
: Verschiedene Style Angaben wie:
background:#ABCDEF;
: Zellenfarbe
border-collapse:collapse;
: ???
margin:1em 1em 1em 0;
: ???
border-style:solid;
: ???
border-width:1px;
: ???
empty-cells:show;
: ???
- durch ";" getrennt.
-
-
doppelt geschweifte Klammer => Inhalt aus Vorlage einbinden
-
-
Offene Fragen:
Zusatzfunktionen
[Bearbeiten]
Liste der Wiki-CSS-Klassen
[Bearbeiten]
Beschreibung
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 linksDies 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 rechtsDies 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 JavaScript ist die Box immer aufgeklappt.
Hier stehen die Details
Hier steht der präzisierende Text
im Wiki-Format
<div style="clear:both;" class="NavFrame">
<div class="NavHead">Hier stehen die Details</div>
<div class="NavContent" style="text-align:left;">
Hier steht der präzisierende Text
im Wiki-Format
</div></div>