Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2008-03-27 03:09:32

silver-z
Member
From: Dallas, Texas
Registered: 2006-07-05
Posts: 10
Website

how to drop down menu navigation?

Is there a plugin for this? if not how can i make my main navigation have a sub navigation?

any help is appreciated, thanks.

Al

Offline

#2 2010-06-04 15:05:51

pafruu
Member
From: New Brunswick, Canada
Registered: 2010-01-14
Posts: 65

Re: how to drop down menu navigation?

I would like to know how to make this with sections and titles of articles.

i.e. lets say I have a section called “submission” and in that section i will find 3 articles of which the titles would be the sub-nav under “submission”.
Meaning that when user would hover over “submission” a drop down menu would show up with the three titles. Any plug-ins or ideas?


I try, and I try, and I try…. and sometimes I achieve

Offline

#3 2010-06-04 15:42:55

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,564
Website GitHub Mastodon

Re: how to drop down menu navigation?

First make your list

Basic TXP code:

<div id="nav">
<ul id="superfish">
<li><a id="nav01" class="menu<txp:if_section name=''><txp:if_status number='200'> selected</txp:if_status></txp:if_section>" href="/">Home</a></li>
<li><a id="nav02" class="menu<txp:if_section name='submission'> selected</txp:if_section>" href="/submission"><txp:section name="submission" title="1" /></a>
<txp:article_custom wraptag="ul" break="li" section="submission"><txp:permlink><txp:title /></txp:permlink></txp:article_custom>
</li>
...etc...
</ul>
</div>

Then style it with CSS, see here for a good example of a CSS only menu: Son of Suckerfish

Or even better use jQuery Superfish for a really snazzy menu. I use it on my textpattern site.

Offline

Board footer

Powered by FluxBB