Home » Notebook » Wayfinder 1.0 » CSSplay Menu - Dropdown

Site Menu

Search

0 Comment(s) ⇒

Downloads

extension imageWayfinder_1.0.zip
Size: 53.68 kB | 01/29/2007
Downloads: 477
extension imagewayfinder.inc.php
Size: 15.05 kB | 01/29/2007
Downloads: 1387
extension imagesnippet.wayfinder.tpl.php
Size: 3.49 kB | 01/29/2007
Downloads: 1434
extension imagewayfinder.documentation.html
Size: 14.89 kB | 01/29/2007
Downloads: 2956


Wayfinder 1.0

CSSplay Menu - Dropdown

The following menu design is from Stu Nicholls at http://www.cssplay.co.uk/menus/

Snippet Call

[[Wayfinder? &startId=`0` &level=`3` &parentClass=`hide` &parentRowTpl=`cssplay_parentRow` &outerTpl=`cssplay_outer` &innerTpl=`cssplay_inner` &rowTpl=`cssplay_row` &outerClass=`menu` &cssTpl=`cssplay_dropdown`]] 

Snippet Output

Chunks Used

&parentRowTpl=`cssplay_parentRow`

<li><a [+wf.classes+] href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>
    <!--[if lte IE 6]>
    <a class="sub" href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]
    <table><tr><td>
    <![endif]-->
    [+wf.wrapper+]
    <!--[if lte IE 6]>
	</td></tr></table>
    </a>
    <![endif]-->
</li>

&outerTpl=`cssplay_outer`

<div[+wf.classes+]>
    <ul>
        [+wf.wrapper+]
    </ul>
</div>

&innerTpl=`cssplay_inner`

<ul>
    [+wf.wrapper+]
</ul>

&rowTpl=`cssplay_row`

<li[+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>[+wf.wrapper+]</li>

&cssTpl=`cssplay_dropdown`

<link rel="stylesheet" media="all" type="text/css" href="assets/templates/wayfinder/dropdown.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="assets/templates/wayfinder/dropdown_ie.css" />
<![endif]-->
Next Example ⇒