Mineralienatlas - Fossilienatlas
erlaubt dem Anwender umfangreichere Tabellen auf einfachere Art und Weise zu erstellen. Um dies zu machen, wird ein sog. Plugin verwendet.
Jede Tabelle beginnt mit <?plugin RichTable und endet mit ?>
Zwischen diesen beiden Zeichenketten liegt die eigentliche Tabelle
Eine sehr einfache Tabelle mit 2 Zeilen und 3 Spalten würde so aussehen
<?plugin RichTable - |Reihe1,Spalte1 |Reihe1,Spalte2 |Reihe1,Spalte3 - |Reihe2,Spalte1 |Reihe2,Spalte2 |Reihe2,Spalte3 ?>
Würde im Ergebnis dann so aussehen:
Reihe1,Spalte1 |
Reihe1,Spalte2 |
Reihe1,Spalte3 |
Reihe2,Spalte1 |
Reihe2,Spalte2 |
Reihe2,Spalte3 |
Diese sehr einfache Tabelle wird wohl den wenigsten Ansprüchen genügen. Daher gibt es zahlreiche Möglichkeiten, eine Tabelle etwas schöner in Form zu bekommen.
Die folgenden Attribute können untereinander oftmals kombiniert werden.
Wie wir schon gelernt haben, wird jede Tabelle mit <?plugin RichTable eingeleitet. Um der Tabelle Attribute mitgeben zu können, werden in der nächsten Zeile beginnend mit einem * Sternchen die Attribute eingefügt.
Beispiel:
<?plugin RichTable
*border=1, class=atlas, bgcolor=#f0f8f8, align=center, width=100%
border=1 |
bedeutet: zeige mir die Linien zwischen den Zellen in der Breite 1 Pixel |
class=atlas |
ist ein Container mehrerer Attribute die öfters verwendet werden |
bgcolor=#f0f8f8 |
setzt die Hintergrundfarbe der Tabelle |
align=center |
positioniert die Tabelle in der Mitte der Seite |
width=100% |
setzt die Breite der Tabelle mit 99% der Seitenbreite fest'' |
"|* " am Anfang einer Zeile leutet die Übergabe von Attributen ein. Die nun folgende Zelle wird dadurch verändert
Beispiele:
|*width=220 |
würde die Breite der Spalte auf 220 Pixel festlegen |
|*width=20% |
würde die Breite der Spalte auf 20% der Tabellenbreite festlegen |
|*bgcolor=#cccccc, align=center |
würde das Feld hellgrau einfärben und den Inhalt zentrieren. |
"- " leitet, wie wir schon erfahren haben, eine neue Zeile ein. Attribute können direkt dahinter geschrieben werden.
Beispiele: -valign=top sorgt dafür, dass der gesamte Text der Zeile oben in der Zeile angeordnet wird.
Plugin Anfang <?plugin RichTable
Neue Zelle |*width=33%
Feldinhalt
Neue Zelle |*width=33%
Feldinhalt
Neue Zelle |*width=33%
Feldinhalt
Neue Zeile -valign=top
Neue Zelle |*width=33%
Feldinhalt
Neue Zelle |*width=33%
Feldinhalt
Neue Zelle |*width=33%
Feldinhalt
Plugin Ende ?>
<?plugin RichTable *border=1, class=atlas, bgcolor=#f0f8f8, align=center, width=100% - |*width=220 Chemische Zusammensetzung: |[Wasserstoff], [Sauerstoff] - |Chemische Formel: |H<sub>2</sub>O - |[Kristallsystem]: | ?>
<?plugin RichTable |
leitet eine Tabelle ein |
*border=1, class=atlas, bgcolor=#f0f8f8, align=center, width=100% |
* - zeigt an, dass nun Attribute für die Tabelle folgen
|
- |
bewirkt eine neue Zeile |
| |
am Zeilenanfang bewirkt eine Spalte |
|*width=220
|
eine neue Spalte mit der Breite 220 Pixel wird erzeugt. Der Zelleninhalt folgt in der nächsten Zeile "Chemische Zusammensetzung:" |
|[Wasserstoff], [Sauerstoff] |
Neue Spalte "|" und als Inhalt Links zu den Seiten "Wasserstoff" u. "Sauerstoff". Der Link wird durch die eckigen Klammern bewirkt |
- |
bewirkt eine neue Zeile |
|Chemische Formel: |
Eine neue Spalte mit Inhalt "Chemische Formel:" |
H<sub>2</sub>O |
<sub> bewirkt das Tieferstellen der Zeichen. Wird mit </sub> beendet |
- |
bewirkt eine neue Zeile |
|[Kristallsystem]: |
Eine neue Spalte mit Inhalt Link zu |[Kristallsystem]: |
Ein leeres Feld |
sieht dann so aus
Chemische Zusammensetzung: |
|
Chemische Formel: |
H2O |
StartSeite |
||
Diese Zelle hat einen weiteren Plugin in sich! 9 Seiten sind mit Hilfe und Information/RichTablePlugin verlinkt:
|
||
|
|
|
Ein Paragraph Und noch einer? |
Diese Zelle benutzt Zeilenfarbe |
|
Die Tabelle wurde von diesem Code erzeugt:
<?plugin RichTable *border=1, class=atlas cellpadding=5, bgcolor=#f0f8f8, width=75%, align=center - |* colspan=3, align=center StartSeite - |* colspan=2 [BILD:1074451142.max] |* rowspan=2 Diese Zelle hat einen weiteren Plugin in sich! <?plugin BackLinks ?\> - bgcolor=white | #Eins #Zwei | *''__[Calcit]__'' *Trinken - bgcolor=cyan Diese Zeile wird entfernt ... keine Zelle vorhanden! |* bgcolor=#f0f0ff, align=center Ein Paragraph Und noch einer? |* align=left Diese Zelle benutzt Zeilenfarbe | Wünschte mir hier wäre eine weitere Tabelle drin :( ?>
Hier noch eine nützliche Tabelle mit Bildern
<?plugin RichTable *align=center, width=100% -valign=top |*width=33%, align=center <# id=1105390934,l,w250 #> |*width=33%, align=center <# id=1215370486,m,w250 #> |*width=33%, align=center <# id=1188041261,r,w200 #> ?>
|
|
|
atlas, atlas-nl, atlas-dl, atlas-bn
class=atlas = Normale Tabelle
class=atlas-nl = Tabelle ohne Linien in der Mitte
class=atlas-dl = Tabelle mit dunkleren Linien in der Mitte
class=atlas-bn = Tabelle ohne jegliche Linien und Rand
class=atlas |
Text 2 |
Text 3 |
Text 4 |
class=atlas-nl |
Text 2 |
Text 3 |
Text 4 |
class=atlas-dl |
Text 2 |
Text 3 |
Text 4 |
class=atlas-bn |
Text 2 |
Text 3 |
Text 4 |