Joomla 1.0 Articles
- How to create a module with DirectPHP plugin?
- How to include modules in Content item?
- How to include modules in Section/Content Description
- How to include PHP commands in Section/Content Description
- How to make plugins process Section/Category descriptions
- Include Code Listing plugin - More Tips and Techniques
- How to have DirectPHP plugin process RSS feed?
- How to have the plugins processed when genrating PDF documents of content items?
- How to have DirectPHP commands processed in Joomla search?
Joomla 1.5 Articles
- How to create a module with DirectPHP plugin?
- How to include modules in Content item?
- How to include modules in Section/Content Description
- How to include PHP commands in Section/Content Description
- How to make plugins process Section/Category descriptions
- Include Code Listing plugin - More Tips and Techniques
- How to have DirectPHP plugin process RSS feed?
- How to have the plugins processed when genrating PDF documents of content items?
- How to have DirectPHP commands processed in Joomla search?
|
Accordion Menu Apple style module |
| Written by kksou | |||||
| Wednesday, 01 October 2008 | |||||
|
This is the module version of the Apple style Accordion Menu plugin. The plugin version allows you to insert the menu in a content item or article. If you want the menu to appear in a module position, then use this module. Very Important: This module makes use of the Apple style Accordion Menu plugin. So please make sure you have installed this plugin too for this module to work.Live DemoYou can see three live demos of the module: Latest Versionv1.0.1 (for Joomla 1.0) and v1.5.1 (for Joomla 1.5) Thanks to Guido van de Camp who informed me that there was an extra letter in the .xml installation file of the previous version. It won't install with the extra letter. Have fixed this in this new version.. How to use the "Accordion Menu Apple style" pluginThe syntax of the menu items definition is exactly the same as that of the Apple style Accordion Menu plugin. DownloadNote: Due to the recent "warning" from my host that my site's CPU usage is too high, I have to resort to a more primitive method of downloading that does not take up much CPU resource. (The original AJAX version uses too much CPU and mysql resources.) As javascript is used, you have to enable javascript to download the files. Thank you for your understanding. Joomla 1.0.x: mod_AccordionMenuApplestyle_v1.01.zipJoomla 1.5.x: mod_AccordionMenuApplestyle_v1.51.zip How to install
{Accordion_Menu_Apple_style}
[url=http://www.site1.com]General[/url]
- [url=#intro]Introduction[/url]
- [url=#features]Unique Features[/url]
- [url=#how_to_use]How to Use[/url]
- [url=#demo]Demo[/url]
[url=http://www.site1.com/links]Links[/url]
- [url=http://www.google.com]Google[/url]
- [url=http://www.yahoo.com]Yahoo[/url]
- [url=http://www.joomla.org/]Joomla[/url]
- [url=#demo]Demo[/url]
{/Accordion_Menu_Apple_style}
FAQ (Frequently Asked Questions)Q1: I want the link to launch to a new tab or new window when the user clicks on the click. A1: Use the following use the following syntax:
{Accordion_Menu_Apple_style}
[url=http://www.site1.com/links]Links[/url]
- [url=http://www.google.com 1]Google[/url]
- [url=http://www.yahoo.com 1]Yahoo[/url]
- [url=http://www.joomla.org/ 1]Joomla[/url]
{/Accordion_Menu_Apple_style}
Q2: Can I have more than one menu in the same page? A2: By right, you should have only one menu per page. However, go ahead and try it. You can actually put two or menus in the same page. There are two "problems" here, though:
User reviews Average user ratings: 5.0 (from 7 users) Note: You have to be a registered member to leave a comment. Free registration here. |
|||||
| < Prev | Next > |
|---|





October 03, 2008 2:20am
Already commment the plg but this is a great Joomla addon!
Kudos to kksou!
October 03, 2008 11:50am
I installed the plug, and now what to do to the Apple Menu, Accordion style to work in Joomla!
October 03, 2008 11:56am
Hi Marylka,
1. Create a new content item or article.
2. Copy and paste the following text into the content:
{Accordion_Menu_Apple_style}
<a href="http://www.site1.com">General</a>
- <a href="url1">Introduction</a>
- <a href="url2">Unique Features</a>
- <a href="url3">How to Use</a>
- <a href="url4">Demo</a>
<a href="http://www.site1.com/links">Links</a>
- <a href="http://www.google.com">Google</a>
- <a href="http://www.yahoo.com">Yahoo</a>
- <a href="http://www.joomla.org/">Joomla</a>
- <a href="http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style-module.php#demo">Demo</a>
{/Accordion_Menu_Apple_style}
3. Load the content item. Did you see the menu?
4. Once the menu is working, you can add the rest of the text to the content. You can also add the float:left or float:right attribute so that the menu floats to the left or right of the paragraph.
Regards,
/kksou
October 03, 2008 12:02pm
Hi Marylka,
Oops, just realized this is the module, not the plugin.
For the module,
1. Go to module manager and click on "Accordion Menu Apple style module".
2. In the Parameters area, copy and paste the following into the parameter "content":
{Accordion_Menu_Apple_style}
<a href="http://www.site1.com">General</a>
- <a href="url1">Introduction</a>
- <a href="url2">Unique Features</a>
- <a href="url3">How to Use</a>
- <a href="url4">Demo</a>
<a href="http://www.site1.com/links">Links</a>
- <a href="http://www.google.com">Google</a>
- <a href="http://www.yahoo.com">Yahoo</a>
- <a href="http://www.joomla.org/">Joomla</a>
- <a href="http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style-module.php#demo">Demo</a>
{/Accordion_Menu_Apple_style}
3. Make sure you have enabled the module and publish the module to a module position of your choice.
4. Save and close the module. Now reload the page. Did you see the module display the menu?
Regards,
/kksou
October 03, 2008 1:54pm
I have already installed the module, now I can not deal with the setting of this code into my web page.
October 03, 2008 6:41pm
Hi Marylka,
Would you mind elaborate a bit more what do you mean by "I can not deal with the setting of this code into my web page"?
I've outlined 4 steps above. Which step is getting problem? And what's the problem? Any error message?
Need a bit more clues to be able to address your issue more relevantly.
Regards,
/kksou
October 26, 2008 3:24pm
Hi,
I am impressed with this mod and i have encountered a minor difference with the highligting of the links. In IE it works as it should, but in FF the links dont light up when i move the mouse over it.
Is there a solution for this ?
Greetz, Jack