/ Shopsoftware / Support / Programmierung / Element NAVI / Beispiele

Rahmen mit runden Ecken

In diesem Beispiel ist die Navigation einem Rahmen mit abgerundeten Ecken eingebettet. Das Design ist so angelegt, daß es sich flexibel an den Inhalt anpaßt. Die acht Grafiken, die den Rahmen erstellen, liegen im Verzeichnis /img/roundededges/ und heißen roed-*.gif. Hier können Sie die Beispielgrafiken herunterladen: roundededges.zip
Entpacken Sie das Archiv und laden Sie die Grafiken in Ihre Shop- oder CMS-Installation hoch.

<table cellpadding=0 cellspacing=0 border=0 width="100%">
<tr>
<td background="img/roundededges/roed-TL.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
<td background="img/roundededges/roed-TM.gif" height=10><img src="img/filler.gif" height=10 width=10></td>
<td background="img/roundededges/roed-TR.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
</tr>
<tr>
<td background="img/roundededges/roed-ML.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
<td bgcolor="#FFFFFF">

<b>Beispiele</b>
<ul style="padding-left:15px; margin-left:10px; list-style-image: url(img/node.gif)">
<NAVI NAME="All" ROOT=1 NOSWITCH=0 MOVELEVEL=1 TYP="tpl" ALL=0 OWN=0>
    <li style="margin-left:##navi_nlevel##0px;">##navi_nname##
</NAVI>
 </ul>

</td>
<td background="img/roundededges/roed-MR.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
</tr>
<tr>
<td background="img/roundededges/roed-BL.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
<td background="img/roundededges/roed-BM.gif" height=10><img src="img/filler.gif" height=10 width=10></td>
<td background="img/roundededges/roed-BR.gif" width=10 height=10><img src="img/filler.gif" height=10 width=10></td>
</tr>
</table>

Beispieltemplate herunterladen.

Das Template gehört ins Verzeichnis /template und läßt sich über Kontrollzentrum->Teaserverwaltung hochladen.

Damit das Template dann auch verwendet wird geben Sie in Kontrollzentrum->Navigationsleisten an:
navi:naviroed

Fahren Sie mit der Maus über das Bild zum Vergrößern
Klicken auf nach links oder nach rechts und postionieren diese neue Navigationsoption nach Ihren Wünschen.
Damit die Änderungen übernommen werden, am Ende der Seite auf Ändern klicken.

zurück zur Artikelübersicht | Anfrage stellen | | | Deeplink