Aufklappmenü für Web to Date aus Kappa wird Klappa

[blue]

Spätestens seit Data Becker für die eigene Web to Date Seite ein Aufklappmenü einsetzt sind diese Menues wieder in ;-)

Beispiel:
http://www.buesum-buesum.de
Einfach einmal auf den Menuepunkt Region Nordsee klicken ;-)

Denn wenn die Webseite durch zu viele Unterseiten nicht mehr aufgereiht in eine Menüleiste passt, dann greift der Webdesigner zum praktischen Ausklappmenü. Die Unterpunkte sind versteckt und erscheinen erst beim Mausklick auf die Hauptseite.

Wie wir das Design Kappa mit einem Klappmenue ausstatten und damit Kappa zu Klappa wird erfährt man hier...

Wir müssen dazu nur in der designs/kappa/navigation.ccml folgenden Zeilen suchen und durch das neue Menue ersetzen:

<cc:loop type="maintopic" obj="mymaintopic">
<a <cc:if cond="&mymaintopic.isexactpagemaintopic">style="font-weight: bold;" </cc:if> class="maintopic" href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
<cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number">
<a <cc:if cond="&mytopic.isexactpagetopic">style="font-weight: bold;" </cc:if> class="topic" href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a>
<cc:loop type="subtopic" obj="mysubtopic" maintopic="&mymaintopic.number" topic="&mytopic.number">
<a <cc:if cond="&mysubtopic.ispagesubtopic">style="font-weight: bold;" </cc:if> class="subtopic" href="<cc:print value="&mysubtopic.url">"><cc:print value="&mysubtopic.caption"></a>
</cc:loop>
</cc:loop>
</cc:loop>

Hier ist der neue Code für ein Klappmenue. Wer die Ausgabe der Seitenbeschreibung nicht mag, der lösche bitte die gelb markierte Zeile.

<cc:loop type="maintopic" obj="mymaintopic">
<a <cc:if cond="&mymaintopic.isexactpagemaintopic">style="font-weight: bold;" </cc:if> class="maintopic" href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
<cc:if cond = "&mymaintopic.ispagemaintopic">
<cc:else>
<div style="color: #ffffff; font-weight: normal; font-size: 90%; text-decoration: none; padding-left: 20px; padding-right: 10px;" ><cc:print value="&mymaintopic.abstract"></div>
</cc:if>
<cc:if cond="&mymaintopic.ispagemaintopic">
<cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number">
<a <cc:if cond="&mytopic.isexactpagetopic">style="font-weight: bold;" </cc:if> class="topic" href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a>
 <cc:if cond="&mytopic.isexactpagetopic">
<cc:loop type="subtopic" obj="mysubtopic" maintopic="&mymaintopic.number" topic="&mytopic.number">
<a <cc:if cond="&mysubtopic.ispagesubtopic">style="font-weight: bold;" </cc:if> class="subtopic" href="<cc:print value="&mysubtopic.url">"><cc:print value="&mysubtopic.caption"></a>
</cc:loop>
</cc:if>
<cc:loop type="subtopic" obj="mysubtopic" maintopic="&mymaintopic.number" topic="&mytopic.number">
<cc:if cond="&mysubtopic.ispagesubtopic">
<a style="font-weight: bold;" class="subtopic" href="<cc:print value="&mysubtopic.url">"><cc:print value="&mysubtopic.caption"></a>
</cc:if>
</cc:loop>
</cc:loop>
</cc:if>
</cc:loop>
<br><br><br><br><br><a style="color: <cc:print value="&usercolor.medium">; font-weight: normal; font-size: 75%; text-decoration: none; padding-left: 80px;" href="http://www.webtodateforum.de">web to date forum</a>
</div>