Changeset 463 in products for qPloneDropDownMenu/branches/0.2/README.txt
- Timestamp:
- Aug 14, 2006 12:44:42 PM (18 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
qPloneDropDownMenu/branches/0.2/README.txt
r59 r463 26 26 Usage 27 27 28 You have a list of items of your top level menu, which you can edit in29 'drop down menu' configlet form. Now, to add submenu to the certain30 menu item, you need to add unordered list inside of top level menu31 item ('<li>...</li>') after its title ('<a></a>')::32 33 <ul><li>...</li>...<li>...</li></ul>34 35 To make your changes live click 'save' button.36 37 Sample menu with 2 submenus::38 39 <li id="portaltab-index_html" class="plain"><a href="http://example.com/" accesskey="t">Home</a></li>40 <li id="portaltab-Members" class="plain"><a href="http://example.com/Members" accesskey="t">Members</a>41 <ul>42 <li><a href="http://example.com/Members/jdoe">John Doe</a><li>43 <li><a href="http://example.com/Members/mmajor">Mary Major</a><li>44 </ul>45 </li>46 <li id="portaltab-news" class="plain"><a href="http://example.com/news" accesskey="t">News</a></li>47 <li id="portaltab-events" class="plain"><a href="http://example.com/events" accesskey="t">Events</a>48 <ul>49 <li><a href="http://example.com/events/previous">Past Events</a><li>50 <li><a href="http://example.com/calendar">Calendar</a><li>51 </ul>52 </li>53 54 In this example we added submenus to our 'Members', and 'Events' tabs.55 56 57 Customize the following elements in your's css files to58 changed the appearance of drop down menu:59 60 * #portal-globalnav - global navigation bar61 * #portal-globalnav .csshover li.plain a, #portal-globalnav li a - global navigation link62 * #portal-globalnav .csshover li.plain a:hover, #portal-globalnav li a:hover - global navigation link hover63 * #portal-globalnav .csshover li.plain ul, #portal-globalnav li ul - global navigation drop-down box64 * #portal-globalnav .csshover li.plain ul li a, #portal-globalnav li ul li a - global navigation drop-down link65 * #portal-globalnav .csshover li.plain ul li a:hover, #portal-globalnav li ul li a:hover - global navigation66 drop-down link hover67 68 69 You can click button on 'drop down menu' configlet form to reset menu.70 This can be usefull in case broken html of menu code. Generated code is based71 on status of 'Automatically generate tabs' in your 'Navigation settings'72 (in Plone 2.1+). However you will lose your previous code of menu with all submenus73 after click on 'regenerate menu'.74 75 If you want to 'regenerate menu' you should pay attention to status of76 'Automatically generate tabs' in your 'Navigation settings' (in Plone 2.1+).77 78 28 79 29 Authors
Note: See TracChangeset
for help on using the changeset viewer.