source: products/Products.qPloneDropDownMenu/trunk/README.txt

Last change on this file was 2673, checked in by olha, 9 years ago

README, HISTORY files updated, INSTALL, LICENCE files added

  • Property svn:eol-style set to native
File size: 2.4 KB
Line 
1Quintagroup Plone Drop Down Menu
2================================
3
4The product allows Plone websites to update multilevel portal dropdown menu and edit it within Plone. This is eggified version of old qPloneDropDownMenu product. It is compatible with Plone 4 only.
5 
6Usage
7-----
8
9You have a list of items of your top level menu, which you can edit in 'drop down menu' configlet form. Now, to add submenu to the certain menu item, you need to add unordered list inside of top level menu item ('<li>...</li>') after its title ('<a></a>')::
10
11<ul><li>...</li>...<li>...</li></ul>
12
13Sample menu with 2 submenus. In this example we add submenus to 'Members', and 'Events' tabs::
14 
15<li id="portaltab-index_html" class="plain"><a href="http://example.com/" accesskey="t">Home</a></li>
16<li id="portaltab-Members" class="plain"><a href="http://example.com/Members" accesskey="t">Members</a>
17<ul>
18<li><a href="http://example.com/Members/jdoe">John Doe</a><li>
19<li><a href="http://example.com/Members/mmajor">Mary Major</a></li>
20</ul>
21</li>
22<li id="portaltab-news" class="plain"><a href="http://example.com/news" accesskey="t">News</a></li>
23<li id="portaltab-events" class="plain"><a href="http://example.com/events" accesskey="t">Events</a>
24<ul>
25<li><a href="http://example.com/events/previous">Past Events</a></li>
26<li><a href="http://example.com/calendar">Calendar</a></li>
27</ul>
28</li>
29
30Customize the following elements in your's css files to change the appearance of drop down menu:
31
32* #portal-globalnav - global navigation bar
33* #portal-globalnav .csshover li.plain a, #portal-globalnav li a - global navigation link
34* #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - global navigation link hover
35* #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - global navigation drop-down box
36* #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - global navigation drop-down link
37* #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - global navigation drop-down link hover
38
39You can click  button on drop down menu configlet form to reset menu. This can be useful in case html of menu code is broken. Generated code is based on status of 'Automatically generate tabs' in your 'Navigation settings'. However you will lose your previous code of menu with all submenus after click on 'regenerate menu'.
40
41Requires
42--------
43
44Plone 4
45
46Authors
47-------
48
49* Vitaliy Podoba
50* Taras Melnychuk
51
Note: See TracBrowser for help on using the repository browser.