/ www.portalsuite.de / Support / Portunity Portalsuite / Handbuch / 6 Grundlegende Templatefunktionen

Portalsuite-Funktion "PrintCSS"

Die Portalsuite kommt Ihnen dabei jedoch durch die Einführung von Formatvorlagen, welche letztendlich die Cascading Stylesheets abbilden, entgegen. Mit den Formatvorlagen sind Sie in der Lage, die Typographie einzelner HTML-Tags zu definieren und festzulegen.

Bisher haben wir ja nur einfachen HTML-Code benutzt, ohne HTML-Tags und Parameter zu nutzen, welche die Formatierung und Darstellung steuern. Selbstverständlich können Sie HTML-Tags wie <font>, <b> u.a. nutzen. Die Portalsuite kommt Ihnen dabei jedoch durch die Einführung von Formatvorlagen, welche letztendlich die Cascading Stylesheets abbilden, entgegen. Mit den Formatvorlagen sind Sie in der Lage, die Typographie einzelner HTML-Tags zu definieren und festzulegen.

Wenn Sie aus dem Menü oben einmal das Icon für die „Formatvorlagen“ wählen, erhalten Sie wahrscheinlich keine Liste mit Formatvorlagen, da es sich ja um ein leeres Portal handelt. Auch die Formatvorlagen sind wieder so aufgeteilt, daß links die Liste der Formatvorlagen angezeigt wird die in der Mitte dann bearbeitet werden können. Außerdem haben Sie wieder die Möglichkeit, eine neue Formatvorlage anzulegen.

Legen Sie eine neue Formatvorlage an. Es erscheint ein rechts stehender Bearbeitendialog:

Als erstes geben Sie einen Namen für die neue Formatvorlage ein: „Menülink“. Als zweitwichtigsten Parameter muß noch definiert werden, auf welchen HTML-Tag sich die Formatvorlage beziehen soll. Geben Sie im Feld HTML-Tag „a.Menue:link“ ein. Setzen Sie die restlichen Felder folgendermaßen: Schriftart = Arial, Helvetiva, Schriftstärke = fett, Größe auf 11 Punkt, Unterstreichung und sonst. Effekte = normal bzw. deaktiviert. Die Schriftfarbe können Sie beliebig setzen, #72E400 entspricht einem Grünton. Die Zeilenhöhe setzen Sie auf 13 Punkt, alle anderen Felder können Sie leer lassen. Nach dem Reload der Portalvorschau wird sich allerdings noch nichts ändern, da die Formatvorlagen noch nicht in den Templates einbezogen werden. Ergänzen Sie dazu ein oder beide Templates im HTML-Header folgendermaßen: Template Testtemplate:

<html> <head> <? PrintCSS (); ?> </head> <body bgcolor=#ffffff> <table border=1><tr><td valign=top> <? PrintCategoryTree (); ?> </td><td valign=top> Dies ist ein Testtemplate.<br> Aktuell: <? echo (date (“d.m.Y“)); ?> </td></tr></table> </body> </html>

Die PrintCSS-Funktion bewirkt das Einfügen von Cascading Style Sheet-Informationen und wird sinnvollerweise im HTML-Header platziert. Die CSS-Informationen werden von der Portalsuite direkt aus den Formatvorlagen generiert. Da wir vorher die Formatvorlage „Menülink“ definiert hatten für den HTML-Tag „a.Menue:link“, sollte das Menü links nun in den gewählten Formatierungen erscheinen. Sie können weitere Formatvorlagen, z.B. für den Mouse-Hovereffekt usw. definieren. Wenn Sie z.B. für den normalen Text ebenfalls die Formatvorlagen benutzen möchten, müssen Sie das Template so abändern, daß z.B. die Class „Text“ benutzt wird, sowie eine Formatvorlage für den HTML-Tag „.Text“ anlegen: Template Testtemplate:

<html> <head> <? PrintCSS (); ?> </head> <body bgcolor=#ffffff> <table border=1><tr><td valign=top> <? PrintCategoryTree (); ?> </td><td valign=top> <p class=Text> Dies ist ein Testtemplate.<br> Aktuell: <? echo (date (“d.m.Y“)); ?> </p> </td></tr></table> </body> </html>

[zurück] - [bookmarken] - [Druckversion] - [Weiterempfehlen] - [Kontakt] - [Impressum]

Providing unter: http://portunity.net

DSL, ENUM, Hosting, Server,...

unter: enum-center.de