Wie kann ich das Design der LARP-FAQ an meine eigene Seite anpassen?

Das Design der LARP-FAQ kann mit Hilfe einiger Parameter an die eigene Homepage angepasst werden. Es ist ausdrücklich erlaubt, die LARP-FAQ dann in einen Frame der eigenen Homepage hineinzulinken, so daß der Eindruck entsteht, die FAQ wäre ein Teil der eigenen Homepage. Ist ist dagegen nicht erlaubt, die FAQ auf den eigenen Server zu kopieren um sie dann in die eigene Homepage einzubinden. Es wird ständig an dieser FAQ gearbeitet, und wenn mehrere Versionen davon im Netz existieren, wird eine regelmäßige Aktualisierung der FAQ nahezu unmöglich gemacht.

Es gibt generell zwei Möglichkeiten, die FAQ anzupassen. Die eine Möglichkeit ist, die Farben und Schriftarten mit Hilfe von Parametern beim Aufruf der Seite zu übergeben, die andere Möglichkeit ist die Verwendung eines Stylesheets.

1. Parameter beim Seitenaufruf übergeben.

Die Verwendeten Parameter werden beim Aufruf der Seite einfach an die URL (Adresse) angehängt. Zwischen dem Dateinamen und den Parametern muß ein Fragezeichen als Trennzeichen stehen. Die einzelnen Parameter werden voneinander durch das "Und-Zeichen" (&) getrennt.

Beispiel:
http://www.larkalender.de/larpfaq/larpfaq.php?textcolor=00FF00&bgcolor=FF0000

An den Aufruf der Seite larpfaq.php wurden hier zwei Parameter, nämlich "textcolor" und "bgcolor" angehängt.

Farbangaben werden, wie auf html-Seiten üblich, als Folge von 3 Hexademzimalwerten zwischen 00 und FF angegeben, die für den jeweiligen Rot/Grün/Blau Farbanteil stehen. Näheres dazu in jeder Dokumentation für Homepagebastler.

Folgende Parameter können angegeben werden:

bgimage=http://xxxxxxxxxxx

Gibt an, welche Hintergrundgrafik verwendet werden soll. Hier muß immer der komplette Pfad zu der Grafik eingegeben werden, also z.B.

bgimage=http://www.meinseite.de/grafik/hintergrund.gif

bgcolor=xxxxxx

Setzt die Hintergrundfarbe auf den Wert "xxxxxx", z.B. bgcolor=0000FF erzeugt einen blauen Bildschirmhintergrund.

textcolor=xxxxxx

Setzt die Farbe des Textes auf den Wert "xxxxxx"

link=xxxxxx
vlink=xxxxxx
alink=xxxxxx

Diese drei Parameter bestimmen die Farbe der Links. Der Parameter link steht dabei für neue (noch nicht besuchte) Links, vlink steht für bereits besuchte und alink für zur Zeit aktive Links. Mehr Informationen über diese drei Linkarten gibt es auch in jeder HTML-Dokumentation.

font=xyz

Setzt den verwendeten Schrifttyp.
Beispiel:
font=Arial

Zeigt den Text in der Schriftart Arial (sofern diese auf dem Rechner des Benutzers installiert ist). Es können auch mehrere Schriftarten angegeben werden, falls die erste nicht installiert ist wird die nächste verwendet usw.

Beispiel:
font=Arial,Helvetica,Sans-Serif

Achtung: Es dürfen innerhalb der Parameter keine Leerstellen vorkommen. Falls z.B. im Namen einer Schriftart ein Leerzeichen vorkommt, so muß dieses durch die Zeichenfolge %20 ersetzt werden, also "font=Times%20Bd" anstatt "font=Times Bd"

2. Stylesheets verwenden

Mit Hilfe eines Stylesheets kann das Design manchmal noch besser an das der eigenen Homeapge angepasst werden. Dazu wird beim Aufruf der Seite die Adresse des Sylesheets als Parameter mit dem Schlüsselwort "style" übergeben, also z.B.

http://www.larpkalender.de/larpfaq.php?style=http://www.meineseite.de/test.css

Anmerkung: Zusammen mit dem Parameter style können durchaus auch die weiter oben besprochenen Parameter, z.B. bgimage verwendet werden, in wie weit die Angaben im Sylesheet aber diese Parameter überschreiben, muß man selbst mal ausprobieren.

Im Folgenden nun ein Beispiel-Stylesheet, das alle in der LARP-FAQ verwendeten Styles definiert:

body {
font-size:10pt;
color:#000000;
background:#FFFFFF;
font-family:"Arial";
}

a:link    {color: #0000FF}
a:visited {color: #0000FF}
a:hover   {color: #FF0000}
a:active  {color: #8080FF}
a.glossar {color: #000020}

td.faq_inhalt1 {
font-size:14pt;
font-family:"Arial";
font-weight:bold;
vertical-align:top
}

td.faq_inhalt2 {
font-size:12pt;
font-family:"Arial";
vertical-align:top
}

td.faq_inhalt3 { 
font-size:10pt;
font-family:"Arial";
vertical-align:top
}

div.faq_head1 { 
font-size: 14pt;
font-family:"Arial";
font-weight: bold;
}

div.faq_head2 { 
font-size: 12pt;
font-family:"Arial";
font-weight: bold;
}

div.faq_head3 { 
font-size: 10pt;
font-family:"Arial";
font-weight: bold;
}

div.faq_text { 
font-size: 10pt;
font-family:"Arial";
}

Kurze Erklärung der "div" Styles:

faq_inhalt1,faq_inhalt2,faq_inhalt3:
Text im Inhaltsverzeichnis.
Beispiel:
1. Das ist faq_inhalt1
1.1. Das ist faq_inhalt2
1.2. Auch das ist faq_inhalt2
1.2.1. Und das ist faq_inhalt3

Analog dazu sind faq_head1 - faq_head3 die dazu passenden Überschriften über den jeweiligen Antworten.

Last but not least kann mit faq_text das Aussehen des Textes der Antworten definiert werden.

3. LARP-FAQ aufteilen

Bei einem normalen Aufruf der LARP-FAQ wird immer die komplette FAQ mit allen Kapiteln gezeigt. Da die FAQ mittlerweile recht umfangreich ist, gibt es auch die Möglichkeit, sich nur ein einzelnes Kapitel anzeigen zu lassen. Das gewünsche Kapitel wird beim Aufruf als Parameter übergeben.

Beispiel: http://www.larpfaq/larpfaq.php?kapitel=05

Das Beispiel zeigt das 5. Kapitel der FAQ an. Mögliche Kapitel sind 00 bis 14, alle anderen Angaben verursachen eine Fehlermeldung. Kapitelnummern müssen immer zweistellig angegeben werden (ggf. mit führender Null), d.h. "kapitel=5" ist nicht erlaubt.

Das Inhaltsverzeichnis wird mit den Parameter "kapitel=00" aufgerufen.

Der Parameter "kapitel" kann mit allen anderen Parametern ("style" usw.) kombiniert werden.