HTML Grundgerüst
| Zeile 26: | Zeile 26: | ||
<head> | <head> | ||
</head> | </head> | ||
| + | </nowiki> | ||
=== Der Body === | === Der Body === | ||
| − | + | <nowiki><body> | |
<div id="page_margins"> | <div id="page_margins"> | ||
| − | + | <div id="page" class="hold_floats"> </nowiki> | |
Die beiden divs mit den ids: | Die beiden divs mit den ids: | ||
* page_margins und | * page_margins und | ||
| Zeile 38: | Zeile 39: | ||
===Optischer Koopfbereich=== | ===Optischer Koopfbereich=== | ||
Hier werden alle Module eingebunden die im Modulmanger im Kopfbereich eingebunden werden. | Hier werden alle Module eingebunden die im Modulmanger im Kopfbereich eingebunden werden. | ||
| − | + | <nowiki><div id="head"> | |
<div id="head_content" class="clearfix"> | <div id="head_content" class="clearfix"> | ||
{include file="_module_intern/mod_menue_sprung.html"} | {include file="_module_intern/mod_menue_sprung.html"} | ||
| Zeile 46: | Zeile 47: | ||
{/foreach} | {/foreach} | ||
</div> <!-- ENDE head_content --> | </div> <!-- ENDE head_content --> | ||
| − | </div> <!-- ENDE head --> | + | </div> <!-- ENDE head --> </nowiki> |
===Hauptbereich=== | ===Hauptbereich=== | ||
Der Hauptbereich umschließt die Bereiche col1, col2 und col3, sprich die linke, mittlere und rechte Spalte. | Der Hauptbereich umschließt die Bereiche col1, col2 und col3, sprich die linke, mittlere und rechte Spalte. | ||
| − | + | <nowiki><div id="main"> | |
| + | </nowiki> | ||
| + | ===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. | ||
| + | <nowiki>{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} | ||
| + | </nowiki> | ||
| − | + | ===Die rechte Spalte col2=== | |
| + | Die rechte Spalte erscheint im Quelltext zuerst, da mit Hilfe von CSS dieser Block nicht anders positioniert werden kann. | ||
Version vom 20:50, 27. Aug 2006
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.
