Layout-Anpassung

Der Ordner /templates/ enthält alle für das Aussehen der Seite verantwortlichen Dateien. Sie können mit HTML und CSS arbeiten, um das Layout an Ihre Bedürfnisse anzupassen. Die bereits bestehenden Unterordner /default/, /admin/, /alternative/ und /hidden/ enthalten Beispiele für bereits angepasstes Layout.

Sollten Sie mit einem WYSIWYG HTML-Editor wie Dreamweaver, Frontpage oder NetObjects Fusion arbeiten, achten Sie bittere darauf, dass das Programm keine eigenmächtigen Änderungen an den HTML-Dateien vornimmt.

Die Template-Dateien enthalten Platzhalter in geschweiften Klammern, wie z.B. {txt_next_page}. Diese Platzhalter werden durch die entsprechenden Werte aus der Sprachdatei ersetzt. Sie können die Sprachdatei ohne weiteres bearbeiten, falls Sie Wörter oder Sätze ändern möchten. Eine andere Möglichkeit wäre, die Platzhalter in den Template-Dateien durch richtigen Text zu ersetzen.

Neben den Platzhaltern beinhalten die Template-Dateien sogenannte Loops (Schleifen), um Listen anzuzeigen. Ähnlich wie bei HTML-Tags müssen beide Teile des Loops (<LOOP …>…</LOOP>) erhalten bleiben.

HTML Templates

layout.tpl.html

Diese Datei enthält das HTML-Grundgerüst und ist für das allgemeine Layout der Website verantwortlich. Alle Seiten benutzen diese Datei und haben automatisch dasselbe Layout.

Diese Datei wird nicht genutzt, sofern das Script per include eingebunden wurde.

Die Datei enthält den speziellen Platzhalter {main_content}, der durch den Inhalt der Datei detail.tpl.html ersetzt wird. Dieser Platzhalter darf weder gelöscht noch verändert werden.

 

detail.tpl.html

Enthält das Layout der einzelnen Seite, außer dem der Gruppen und Links. Die Datei enthält folgende Elemente:

 

<LOOP NAME="group_rows">... </LOOP NAME="group_rows">

Wird ersetzt durch die Gruppen.

<IF NAME="logged_out">...</IF NAME="logged_out">

Enthält das Anmeldeformular für den Admin-Bereich.

<IF NAME="show_login"> ... </IF NAME="show_login">

Sie können einstellen, dass das Anmeldeformular nicht angezeigt wird.

<IF NAME="logged_in">... </IF NAME="logged_in">

Alle Inhalte innerhalb des IF-Tags werden angezeigt, sofern Sie eingeloggt sind.

 

group.tpl.html

Enthält das Layout für die Gruppen

 

link.tpl.html

Enthält das Layout für die Links

 

embedded.tpl.html

Wenn Sie das Script in eine andere Datei einbinden, wird automatisch diese Datei anstatt der detail.tpl.html verwendet. Es ist nur der Loop für die Gruppen enthalten.