Hallo,
so wie versprochen hier meine Anleitung, wie immer auf eigene Gefahr und bitte immer schön Backups machen und nie auf Live System einspielen, sondern schöön lokal testen.
Dies beschreibt wie ich eine horizontale Navi mit JQuery eingebaut habe und dies in einer Box darstelle.
Credits gehen nach DynamicDrive und Gunnart; was nicht funktioniert ist sicher auf meinem Mist gewachsen
(Level Middle /html+, css+, mysql++, php++/ )
Diese Datei downloaden:
http://www.teamorder.eu/jquery_hnav_pack.zip
************* TEIL I *****************
*
1)Jquery Hnav Skript
Die Datei "jqueryslidemenu.js" unter "includes/javascript/js/" abspeichern.
2)JQuery HNav CSS und Bilder
Die Datei "jqueryslidemenu.css" unter "templates/deine_template/css/" abspeichern.
Die Bilder "down.gif" und "right.gif" unter "templates/deine_template/img/" abspeichern
3)"Menu als Liste" Skript
Die Datei "horizontal_navigation.php" unter "templates/deine_template/source/boxes/" abspeichern.
4)Box Skript
Die Datei "horizontal_navigation.html" unter "templates/deine_template/boxes/" abspeichern.
5)Datei "templates/deine_template/html/box_middle.html" editieren/ersetzen:
Sollte am Ende so aussehen:
{if $DIV_SWITCHER!="no"}
<div class="boxText{if $class} {$class}{/if}" {if $id}id="{$if}"{/if}>
{$BOX_CONTENT}
{if $link}<br /><a href="{$link}">{#text_more#}</a>{/if}
</div>
{else}
{$BOX_CONTENT}
{/if}
6)Datei "includes/header.php" editieren:
a)Vor echo '</head>'."\n".'<body>'."\n"; bei ca. Linie 65 folgendes addieren:
// MOD:BEGINN HORIZONTAL NAVIGATION
echo '<script src="includes/javascript/js/jqueryslidemenu.js"></script>'."\n";
echo '<!--[if lte IE 7]>'."\n";
echo '<style type="text/css">html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/</style>'."\n";
echo '<![endif]-->'."\n";
echo '<link rel="stylesheet" type="text/css" href="templates/'.CURRENT_TEMPLATE.'/css/jqueryslidemenu.css" />'."\n";
// MOD:END HORIZONTAL NAVIGATION
b)Datei abspeichern.
So, somit wäre schon das wichtigste getan, jetzt nur noch schnell eine "Position" und eine "Box" zaubern...in TEIL II
Julien.