Changes between Version 2 and Version 3 of qPloneDropDownMenu


Ignore:
Timestamp:
Jan 22, 2007 11:05:26 AM (17 years ago)
Author:
olha
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • qPloneDropDownMenu

    v2 v3  
    11== qPloneDropDownMenu ==  
    22 
     3The product allows Plone websites to update multilevel portal dropdown menu and edit it within Plone. 
    34 
    4 Customize the following CSS elements in the ploneCustom.css file to changed the appearance of qPloneDropDown 
     5'''''Product Homepage''''':http://quintagroup.com/services/plone-development/products/ 
    56 
    6  * #portal-globalnav - Global navigation bar 
     7'''''Download''''':http://sourceforge.net/projects/quintagroup 
     8 
     9(c)'''''Quintagroup''''':http://quintagroup.com/ , 2005.  
     10 
     11support@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 
     26You 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 
     30To make your changes live click '''save''' button. 
     31 
     32Sample 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 
     49In this example we added submenus to our '''Members''', and '''Events''' tabs. 
     50 
     51 
     52Customize the following elements in your's css files to changed the appearance of drop down menu: 
     53 * #portal-globalnav - global navigation bar 
    754 * #portal-globalnav .csshover li.plain a, #portal-globalnav li a - global navigation link 
    855 * #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - global navigation link hover 
    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 
     61You can click  button on '''drop down menu''' configlet form to reset menu. 
     62This can be usefull in case broken html of menu code. Generated code is based 
     63on 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  
     65after click on '''regenerate menu'''.  
     66 
     67If 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