6 | | * #portal-globalnav - Global navigation bar |
| 7 | '''''Download''''':http://sourceforge.net/projects/quintagroup |
| 8 | |
| 9 | (c)'''''Quintagroup''''':http://quintagroup.com/ , 2005. |
| 10 | |
| 11 | support@quintagroup.com * quintessence of modern business |
| 12 | |
| 13 | == Requires == |
| 14 | |
| 15 | Plone 2.0+ |
| 16 | CMF 1.4.7+ |
| 17 | Zope 2.7+ |
| 18 | |
| 19 | == Install == |
| 20 | |
| 21 | 1. Install with Quick Installer. |
| 22 | 2. For Plone below 2.1 use drop_down.css add '''<dtml-var drop_down.css>''' line to your portal ploneCustom.css. |
| 23 | |
| 24 | == Usage == |
| 25 | |
| 26 | You have a list of items of your top level menu, which you can edit in '''drop down menu''' configlet form. Now, to add a submenu to a certain menu item, you need to add unordered list inside the top level menu item ('''<li>...</li>''') after its title ('''<a></a>'''): |
| 27 | |
| 28 | <ul><li>...</li>...<li>...</li></ul> |
| 29 | |
| 30 | To make your changes live click '''save''' button. |
| 31 | |
| 32 | Sample menu with 2 submenus: |
| 33 | |
| 34 | <li id="portaltab-index_html" class="plain"><a href="http://example.com/" accesskey="t">Home</a></li> |
| 35 | <li id="portaltab-Members" class="plain"><a href="http://example.com/Members" accesskey="t">Members</a> |
| 36 | <ul> |
| 37 | <li><a href="http://example.com/Members/jdoe">John Doe</a><li> |
| 38 | <li><a href="http://example.com/Members/mmajor">Mary Major</a><li> |
| 39 | </ul> |
| 40 | </li> |
| 41 | <li id="portaltab-news" class="plain"><a href="http://example.com/news" accesskey="t">News</a></li> |
| 42 | <li id="portaltab-events" class="plain"><a href="http://example.com/events" accesskey="t">Events</a> |
| 43 | <ul> |
| 44 | <li><a href="http://example.com/events/previous">Past Events</a><li> |
| 45 | <li><a href="http://example.com/calendar">Calendar</a><li> |
| 46 | </ul> |
| 47 | </li> |
| 48 | |
| 49 | In this example we added submenus to our '''Members''', and '''Events''' tabs. |
| 50 | |
| 51 | |
| 52 | Customize the following elements in your's css files to changed the appearance of drop down menu: |
| 53 | * #portal-globalnav - global navigation bar |
9 | | * #portal-globalnav .csshover li.plain ul.navsub, #portal-globalnav ul.navsub - global navigation drop-down box |
10 | | * #portal-globalnav .csshover li.plain ul.navsub a, #portal-globalnav ul.navsub li a - global navigation drop-down link |
11 | | * #portal-globalnav .csshover li.plain ul.navsub a:hover, #portal-globalnav ul.navsub li a:hover - global navigation drop-down link hover |
| 56 | * #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - global navigation drop-down box |
| 57 | * #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - global navigation drop-down link |
| 58 | * #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - global navigation drop-down link hover |
| 59 | |
| 60 | |
| 61 | You can click button on '''drop down menu''' configlet form to reset menu. |
| 62 | This can be usefull in case broken html of menu code. Generated code is based |
| 63 | on status of '''Automatically generate tabs''' in your '''Navigation settings''' |
| 64 | (in Plone 2.1+). However you will lose your previous code of menu with all submenus |
| 65 | after click on '''regenerate menu'''. |
| 66 | |
| 67 | If you want to '''regenerate menu''' you should pay attention to status of |
| 68 | '''Automatically generate tabs''' in your '''Navigation settings''' (in Plone 2.1+). |
| 69 | |
| 70 | |
| 71 | == Authors == |
| 72 | |
| 73 | * Myroslav Opyr |
| 74 | |
| 75 | * Vitaliy Podoba |