/ www.portalsuite.de / Support / Portunity Portalsuite / Handbuch / 7 Erweiterte Templatefunktionen

Buttons und Navigationssysteme

Es wurde ja bereits die Templatefunktion „PrintCategoryTree“ vorgestellt, mit der eine einfache textuelle Menünavigation aufbaubar ist. Viele Websites nutzen jedoch keine Textmenüs, sondern mehr oder weniger aufwendige Buttons mit Mouseover- und Hovereffekten. Auf Portalen sind die Buttons oft die einzigen Grafiken mit denen noch „Webdesign“ betrieben wird.

Die Portalsuite 2002 erlaubt Ihnen in den Templates durch HTML die Erzeugung aller denkbaren Button- und Navigationssysteme. Alles was mit HTML, Javascript, DHTML und anderen Techniken möglich und denkbar ist, kann umgesetzt werden. Erstellen Sie wie gewohnt in den Templates Ihre Menüs und Ihre Buttons und nutzen Sie Ihre bestehenden Javascripts usw. für einfache Buttons mit Mouseover- und Hovereffekten oder entwerfen Sie komplexe Menüsysteme.
Im folgenden möchten wir Ihnen anhand eines Templates die Realisierung eines grafischen Buttons zeigen und werden dabei erneut die Templatefunktion „PrintLink“ einsetzen. Mit der Funktion „PrintLink“ werden wir den Button auf die Kategorie „Produkte“ verlinken. Da wir in diesem Beispiel zwei Grafiken für den Button benötigen, gehen wir davon aus, daß die Grafiken unter einer Domain abgelegt wurden.

Template Buttonexample: {TemplateInclude name="HTMLHead"} <body bgcolor=#ffffff> <table border=1><tr><td valign=top> <a href=<? PrintLink ("/Produkte"); ?>> <img src=http://www......com/images/ button.jpg></a><br> </td><td valign=top> <? PrintArticle (); ?> </td></tr></table> </body> </html>

Wie Sie sehen, haben wir den normalen Imagetag von HTML benutzt, um den Grafikbutton einzubinden. Die Grafik haben wir dabei absolut adressiert. Der „Trick“ besteht wieder in der Verschachtelung eines normalen HTML Linktags mit der Templatefunktion „PrintLink“. Mouseover-, Hovereffekte und andere Specials können wie gewohnt realisiert werden. Fügen Sie einfach Ihre gewohnten Javascripts ein und ergänzen Sie die Grafik und den Linktag mit entsprechenden Javascriptfunktionen und -aufrufen.

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

Providing unter: http://portunity.net

DSL, ENUM, Hosting, Server,...

unter: enum-center.de