Weitere Artikel aus dem Webentwickler Blog
Im letzten Teil dieses Tutorials haben wir uns mit dem Einsatz des Template Auto-Parsers für die Template-Erstellung in TYPO3 beschäftigt. In diesem Teil betrachten wir weitere Details: Der Befehl
HEAD.rmTagSections = title

sorgt dafür, dass der <title>-Tag samt Inhalt entfernt wird. Schließlich soll dieser später dynamisch durch TYPO3 erzeugt werden.

Die beiden Zeilen
DIV.all = 1
UL.all = 1

bewirken schließlich, dass alle <div>- und <ul>-Tags durchgehend ebenfalls mit Markern versehen werden. Auf diese Art lassen sich beliebige HTML-Tags mit Markern versehen.

Tipp: Achten Sie darauf, dass die Namen der HTML-Tags in der Parser-Konfiguration in Großbuchstaben geschrieben werden.

Allerdings werden in unserem Beispiel keine Marker direkt angegeben. Woher nimmt also der Auto-Parser die Bezeichner? Ganz einfach: Die Erweiterung bedient sich bei den id- und class-Attributen der entsprechenden Tags. Der Inhalt des Tags <ul id=“Hauptmenue“> wird also mit dem Subpart-Marker <!-- ###Hauptmenue### --> versehen. Fehlen beide Attribute, wird auch kein Marker gesetzt.

Das Beispiel-Layout verwendet keinerlei Tabellen, lediglich <div> sowie <ul> für Menüs. Daher müssen in diesem Fall keine weiteren Tags ersetzt werden. Die letzte Zeile
relPathPrefix = fileadmin/template/auto/
erspart das manuelle Ersetzen aller Pfade zu Bildern, CSS-Dateien und ähnlichen Elementen. Solange die Ordner-Struktur, die der Webdesigner angelegt hat, unverändert in dem fileadmin-Ordner kopiert wird, reicht diese eine Zeile aus, um alle nötigen Änderungen vorzunehmen. Werden etwa Bilder in einem anderen Verzeichnis abgelegt, so lässt sich der Befehl auch in der Form
relPathPrefix.IMG = fileadmin/images/auto/
gezielt auf Bilder in der Vorlage anwenden. Das virtuelle Template Das Ergebnis der ganzen Aktion ist ein virtuelles Template, das alle nötigen Subpart-Marker enthält:







Schmuckgrafik
Unser Firmensitz

Willkommen

Willkommen auf der Typo3-Website.

 

Diese Seite dient uns als Beispiel, um eine HTML-Vorlage als Typo3-Template zu verwenden.

Wie Sie sehen, sind einige Markierungen streng genommen überflüssig, da doppelte div-Strukturen wie
lediglich aus Gründen der Browser-Kompatibilität in der HTML-Vorlage vorhanden sind. Da es sich bei den eingefügten Markern aber aus Sicht von HTML um Kommentare handelt, stören sie die Optik der Ausgabe nicht und können daher ignoriert werden. 6758 Dieser Text ist dem Buch “TYPO3 – Das Praxisbuch für Entwickler” von Robert Steindl entnommen, das im Franzis-Verlag erschienen ist. Das Buch ist hier direkt bestellbar.

Kundenkommentare
Social Bookmarks
elo-web bookmarken bei: Mr. Wong elo-web bookmarken bei: Webnews elo-web bookmarken bei: Icio elo-web bookmarken bei: Oneview elo-web bookmarken bei: Yigg elo-web bookmarken bei: Linkarena elo-web bookmarken bei: Digg elo-web bookmarken bei: Reddit elo-web bookmarken bei: Simpy elo-web bookmarken bei: StumbleUpon elo-web bookmarken bei: Netscape elo-web bookmarken bei: Furl elo-web bookmarken bei: Yahoo elo-web bookmarken bei: Blogmarks elo-web bookmarken bei: Diigo elo-web bookmarken bei: Technorati elo-web bookmarken bei: Newsvine elo-web bookmarken bei: Blinkbits elo-web bookmarken bei: Ma.Gnolia elo-web bookmarken bei: Smarking elo-web bookmarken bei: Netvouz elo-web bookmarken bei: Folkd elo-web bookmarken bei: Spurl elo-web bookmarken bei: Google elo-web bookmarken bei: Blinklist
URL zu dieser Seite
Einfach den Quelltext kopieren und auf Ihrer Webseite einbinden

Kontakt
Newsletter | Kontakt | RSS Feed
Warenkorb: 0 Artikel
Gesamtwert: EUR 0,00
Home TYPO3  Website-Design mit TYPO3 - Teil V