VIEW ALL GALLERY LIGHTS

Saturday, October 16, 2010

Multi-level menu for Simplex Enews template

we have multi level menu for SimplexBlognews and Simplex Newspaper II ,and now ,we can add multi-level menu for Simplex Enews template .
multi-level menu for Simplex Enews template


here is steps for adding multi-level menu :
1,Add this code before </head>
<script src="http://dinhquanghuy.110mb.com/superfish.js" type="text/javascript"></script>
2,find this
.nav li ul { background:#fff; position:absolute;left:-999em;width:172px; margin:0px 0px 0px -2px; border:1px solid #dfdfdf; border-width:1px 1px 0px; z-index:999; }
and delete left:-999em;
3,Add this code before ]]></b:skin>
.nav li ul {display:none;}
4,Now find this code :
<ul class="nav" id="cat-nav">
                    <b:section id='menu' showaddelement='no'>
                     <b:widget id='LinkList1' locked='false' title='menu' type='LinkList'>
                         <b:includable id='main'>
                             <b:loop values='data:links' var='link'>
                                 <li><a expr:href='data:link.target'><data:link.name/></a></li>
                             </b:loop>
                         </b:includable>
                     </b:widget>           
                 </b:section>
             </ul>     
and replace it with the code of menu like that :
<ul class="nav" id="cat-nav">
                 <li><a href="link to category">Category</a></li>

                 <li><a href="link to category">Category</a></li>      

                  <li><a href="link to category">Category</a>
                     <ul>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                         <li><a href="link to sub-cateogry">link to sub-category</a></li>
                   
                     </ul>
                 </li>
             </ul>
that's all . I hope it helpful to you .

No comments:

Post a Comment