Entwickler-Blog: Tipps & Tricks

Dazu sind im Wesentlichen nur zwei kleine Änderungen an der für das Layout wichtigsten Vorlage "main.htm", sowie der für das Layout genutzten CSS-Datei notwendig.

Öffnen Sie zuerst die Datei "main.htm" Ihres Vorlagensets mit einem beliebigen Editor. Heißt Ihr Vorlagenset z.B. "standard", dann ist dies die Datei "/themes/standard/main.htm". Dort suchen Sie nach dem {cp:tag} "{cp:content}". Dieser {cp:tag} wird in Abhängigkeit der vom Benutzer aufgerufenen URL stets durch den passenden Inhalt ersetzt. Um den Inhalt in einen <div>-Layer einzufassen, ersetzen Sie den {cp:tag} durch Folgendes:

Sobald die Vorlage gespeichert und gegebenenfalls wieder hochgeladen wurde, muss nun noch die von Ihnen genutzte CSS-Datei um die neuen Regeln für diesen <div>-Layer ergänzt werden. Dies sind u.a. Angaben zu Höhe und Breite des Inhaltsbereiches, zur Gestaltung der Scrollbalken, zur Hintergrundfarbe usw. Setzen Sie zunächst diese Regeln am Ende der CSS-Datei ein:

Wenn Sie jetzt alles gespeichert und hochgeladen haben, dann können Sie die Änderung auf Ihrer Contentpapst-Seite bereits live sehen. Abschließend können Sie noch die CSS-Regeln für den <div>-Layer Ihren eigenen Bedürfnissen gemäß anpassen, so dass sich dieser optimal in das restliche Layout einfügt. Weitere Hilfen zu den Cascading Style Sheets (CSS) finden Sie dabei unter http://www.css4you.de/ und http://de.selfhtml.org/css/.