Klapmenu of navigatie menu.
Open bijv. Kladblok of Editpad wat hier te downloaden valt.
Om het klapmenu in werking te zien kan je kijken op mijn site
Open alle html files van je layout:
-Artlist.html
-Art.html
-cart.html
-cart_step1.html
-cart_step2.html
-cart_step3.html
-cart_step4.html
-Extrapage.html
-Home.html
-Search.html
Zet deze regels tussen de beide <head>
<script src="includes/cssmenus2/js/cssmenus.js" type="text/javascript"></script>
<script src="includes/cssmenus2/js/animation.js" type="text/javascript"></script>
<link href="includes/cssmenus2/skins/arktic_orange/vertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#absLayer1 {
position:static;
width:100%;
z-index:1;
}
-->
</style>
Dan moet er nog wat aangepast worden halverwege de pagina:
Zoek naar deze tekst, en haal dit weg.
<LV_GROUPS>
<tr>
<td width="15" height="25"><img src="bullet_1.jpg" width="13" height="14"></td>
<td width="165" align="left"><a class="buttonTextcolor" HREF="<LV_GROUP_PAGE/>"><LV_GROUP_DESCRIPTION/></a></td>
</tr>
</LV_GROUPS>
Zet dit er voor in de plaatst:
<!-- start menu producten cssmenu -->
<div id="absLayer1">
<div id="cssMenu1" class="vertical">
<LV_GROUPS>
<ul class="arktic_orange">
<li> <a href="<LV_GROUP_PAGE/>" title="<LV_GROUP_DESCRIPTION/>"><LV_GROUP_DESCRIPTION/></a>
<ul>
<LV_CATEGORIES>
<li>
<a href="<LV_CAT_PAGE/>" title="<LV_CAT_DESCRIPTION/>"><LV_CAT_DESCRIPTION/></a>
<ul>
<LV_SUBCATEGORIES>
<li>
<a href="<LV_SUBCAT_PAGE/>" title="<LV_SUBCAT_DESCRIPTION/>"><LV_SUBCAT_DESCRIPTION/></a>
</li>
</LV_SUBCATEGORIES>
</ul>
</li>
</LV_CATEGORIES>
</ul>
</li>
</ul>
</LV_GROUPS>
</div>
</div>
<br /> <script type="text/javascript">
<!--
var obj_cssMenu1 = new CSSMenu("cssMenu1");
obj_cssMenu1.setTimeouts(400, 400, 800);
obj_cssMenu1.setSubMenuOffset(0, 0, 0, 0) <!--hier kan je de plaatsing van de submenus aanpassen, in het rood zijn mijn eigen settings, standaard is 0 -->
obj_cssMenu1.setHighliteCurrent(true);
obj_cssMenu1.setAnimation('slide');
obj_cssMenu1.show();
//-->
</script>
<!-- einde menu producten cssmenu -->
Daarna dit opslaan, en je layout opnieuw selecteren in MWW
Dan moet je nog meer gaan doen om dit klapmenu werkend te krijgen.
Maak een map aan Rens op je harddisk.
Dan de map includes.rar, dit ga je uitpakken.
Let wel goed op als je dat uitpakt dat er 2 mappen includes in staat.
Je moet dan de map includes/cssmenus2 gebruiken.
Deze hele map die zet je in éénkeer op je server bijv. (/public_html/)includes voor de rest doe je daar verlopig niks mee.
Ook niet de map includes in jeeigen layout zetten hé.
Open nu de map includes/cssmenus2/skins/arktic_orange/vertical.css
Dat bestandje vertical.css die open je in Editpadpro of in een teksteditor.
Hier kan je de kleuren en de grote instellen van het klapmenu.
Als klaar bent met instellen dan moet je dat bestandje vertical.css weer naar je server zetten
bijv. (/public_html/)includes/cssmenus2/skins/arktic_orange/vertical.css
Daarna dit opslaan, en je layout opnieuw selecteren in MWW
Succes
Rens
|
