Changeset 2673 in products for Products.qPloneDropDownMenu/trunk/Products
- Timestamp:
- Jul 14, 2010 2:39:32 PM (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
Products.qPloneDropDownMenu/trunk/Products/qPloneDropDownMenu/README.txt
r2619 r2673 1 1 Quintagroup Plone Drop Down Menu 2 ================================ 2 3 3 The product allows Plone websites to update multilevel portal 4 dropdown menu and edit it within Plone. 4 The 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 6 Usage 7 ----- 5 8 6 "Product Homepage":http://quintagroup.com/services/plone-development/products/ | 7 "Download":http://sourceforge.net/projects/quintagroup 9 You 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>'):: 8 10 9 (c) "Quintagroup":http://quintagroup.com/ , 2008. 11 <ul><li>...</li>...<li>...</li></ul> 10 12 11 support@quintagroup.com * quintessence of modern business 13 Sample 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 30 Customize 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 39 You 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'. 12 40 13 41 Requires 42 -------- 14 43 15 Plone 4 16 17 Install 18 19 1. Install with Quick Installer. 20 21 Usage 22 23 You have a list of items of your top level menu, which you can edit in 24 'drop down menu' configlet form. Now, to add submenu to the certain 25 menu item, you need to add unordered list inside of top level menu 26 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 53 changed the appearance of drop down menu: 54 55 * #portal-globalnav - global navigation bar 56 * #portal-globalnav .csshover li.plain a, #portal-globalnav li a - global navigation link 57 * #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - global navigation link hover 58 * #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - global navigation drop-down box 59 * #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - global navigation drop-down link 60 * #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - global navigation 61 drop-down link hover 62 63 64 You can click button on 'drop down menu' configlet form to reset menu. 65 This can be usefull in case broken html of menu code. Generated code is based 66 on status of 'Automatically generate tabs' in your 'Navigation settings' 67 However you will lose your previous code of menu with all submenus 68 after click on 'regenerate menu'. 69 70 If you want to 'regenerate menu' you should pay attention to status of 71 'Automatically generate tabs' in your 'Navigation settings'. 44 Plone 4 72 45 73 46 Authors 47 ------- 74 48 75 * Vitaliy Podoba 49 * Vitaliy Podoba 50 * Taras Melnychuk 51
Note: See TracChangeset
for help on using the changeset viewer.