HTML Grundgerüst
Inhaltsverzeichnis |
HTML Grundgerüst
Die Dateien der HTML Templates sind im Verzeichnis /templates der Papoo Installation zu finden.
Aufgeteilt ist das HTML Grundgerüst, das ja die Struktur für das Layout bildet in:
- Kopf
- linke Spalte
- mittlere Spalte
- rechte Spalte
- Fuß
Das wird auch reflektiert in der /templates/__index.html, die als erstes geladen wird:
{include file="_kopf.html"}
{include file="_inhalt_links.html"}
{include file="_inhalt_rechts.html"}
{include file="_inhalt_mitte.html"}
{include file="_fuss.html"}
Übersicht der HTML Struktur
Eine grobe Übersicht über die Strukturierung kann man hier sehen:
Der Kopf der HTML Datei
Im Kopf werden die CSS Dateien eingebunden... Details dazu hier.
<html> <head> </head>
Der Body
<body> <div id="page_margins"> <div id="page" class="hold_floats">
Die beiden divs mit den ids:
- page_margins und
- page
umschließen die gesamte Seite.
Darin befindet sich optisch der Kopf:
Optischer Koopfbereich
Hier werden alle Module eingebunden die im Modulmanger im Kopfbereich eingebunden werden.
<div id="head">
<div id="head_content" class="clearfix">
{include file="_module_intern/mod_menue_sprung.html"}
{foreach item=modul from=$module.1}
{* <!-- Modul: {$modul.modlang_name}<br /> --> *}
{include file=$modul.mod_template}
{/foreach}
</div> <!-- ENDE head_content -->
</div> <!-- ENDE head -->
Hauptbereich
Der Hauptbereich umschließt die Bereiche col1, col2 und col3, sprich die linke, mittlere und rechte Spalte.
<div id="main">
Die linke Spalte col1
Die linke Spalte beinhaltet die beiden div Blöcke mit den ids:
- col1
- col1_content
die die linke Spalte umschließen. Alles was im Modulmanager dort hineingesetzt wird, wird hier optisch eingebunden.
{if $spalte_links OR 1}
<div id="col1">
<div id="col1_content" class="clearfix">
{foreach item=modul from=$module.2}
{* <!-- Modul: {$modul.modlang_name}<br /> --> *}
{include file=$modul.mod_template}
{/foreach}
</div> <!-- ENDE col1_content -->
</div> <!-- ENDE col1 -->
{/if}
Die rechte Spalte col2
Die rechte Spalte erscheint im Quelltext zuerst, da mit Hilfe von CSS dieser Block nicht anders positioniert werden kann.
