Side Bar Menu Apple style
Written by kksou   
Monday, 13 October 2008

The Side Bar Menu Apple style is a very neat and cool javascript-based side bar menu provided by www.dynamicdrive.com.

Unique Features

  1. Support infinite levels of sub menus!
  2. Display of submenus is fast and responsive
  3. Easily create a side bar menu within a content item or article.
  4. Defining the submenus is as easy as 123.
  5. Optional "sliding" animation when sub menus are revealed.
  6. Complete customization of the menu's look and feel through css (e.g. foreground/background color, color, padding, margin, fonts, etc.)
  7. You can have more than one menu, each with different submenus, within the same content item.

Demo

The follow shows a live multi-level side bar menu. Play with it to have a feel of the menu in action.

Powered by JoomlaGadgets

Sample Code

You may use the sample code below to try out the menu. After installing the plugin, just copy and paste the following into your content item and you should see the menu:

Important: If you're using Joomla 1.5.8, please refer to the article:
How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?
Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.
{SideBar_Menu_Apple_style}
<a href="test1.html">Test1</a>
+ <a href="#">Item 1a</a>
+ <a href="#">Item 2a</a>
+ <a href="#">Item Folder 3a</a>
++ <a href="#">Sub Item 3.1a</a>
++ <a href="#">Sub Item 3.2a</a>
++ <a href="#">Sub Item 3.3a</a>
++ <a href="#">Sub Item 3.4a</a>
+ <a href="#">Item 4a</a>
+ <a href="#">Item Folder 5a</a>
++ <a href="#">Sub Item 5.1a</a>
++ <a href="#">Item Folder 5.2a</a>
+++ <a href="#">Sub Item 5.2.1a</a>
+++ <a href="#">Sub Item 5.2.2a</a>
+++ <a href="#">Sub Item 5.2.3a</a>
+++ <a href="#">Sub Item 5.2.4a</a>
+ <a href="#">Item 6a</a>

<a href="test2.html">Test2</a>
+ <a href="#">Item 1b</a>
+ <a href="#">Item 2b</a>
+ <a href="#">Item Folder 3b</a>
++ <a href="#">Sub Item 3.1b</a>
++ <a href="#">Sub Item 3.2b</a>
++ <a href="#">Sub Item 3.3b</a>
++ <a href="#">Sub Item 3.4b</a>
+ <a href="#">Item 4b</a>
+ <a href="#">Item Folder 5b</a>
++ <a href="#">Sub Item 5.1b</a>
++ <a href="#">Item Folder 5.2b</a>
+++ <a href="#">Sub Item 5.2.1b</a>
+++ <a href="#">Sub Item 5.2.2b</a>
+++ <a href="#">Sub Item 5.2.3b</a>
+ <a href="#">Item 6b</a>

<a href="test3.html">Test3</a>

<a href="http://www.kksou.com">Test4</a>
+ <a href="test31.html">test4.1</a>
+ <a href="test32.html">test4.2</a>
+ <a href="test33.html">test4.3</a>
{/SideBar_Menu_Apple_style}

Latest Version

v1.02 (for Joomla 1.0) and v1.52 (for Joomla 1.5)
Released December 19, 2008

Fixed the warning message "Undefined property: Plugin_SideBarMenuApplestyle::$menu_height in SideBarMenuApplestyle.lib.php on line 79"

Download

How to install (Joomla 1.0.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Installers menu, select mambots. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Mambots menu, select Site Mambots.
  4. Make sure the plugin "Side Bar Menu Apple style" is published. If you see a cross in the Published column, just click on it. It will turn into a green tick.

You are now ready to use this plugin!

How to install (Joomla 1.5.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Extensions menu, select Install/Uninstall. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Extensions menu, select Plugin Manager.
  4. Enable the plugin "Side Bar Menu Apple style" - make sure there is a green tick in the Enabled column.
  5. Very Important: If you're using Joomla 1.5.8 and above, please refer to the article:
    How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?. Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.

You are now ready to use this plugin!

Version History

  1. v1.0.1 (for Joomla 1.0) and v1.5.1 (for Joomla 1.5)
    Released December 9, 2008
  2. Fixed the warning message "Undefined variable: module on line 48"


 

Comments  

 
# narender 2012-05-18 05:27
i want to use this guide me
 
 
# kksou 2012-05-20 19:51
Hi,

Have you tried the sample code above?

Did it work? If not, what did you see on the screen? Any error messages?

Regards,
/kksou
 
 
# Cheah 2012-12-08 15:49
Hi,

when i install and test it (for joomla 1.5.9. Output below appear:
---------------------------------------
SideBar_Menu_Ap ple_style} Test1 + Item 1a + Item 2a + Item Folder 3a ++ Sub Item 3.1a ++ Sub Item 3.2a ++ Sub Item 3.3a ++ Sub Item 3.4a + Item 4a + Item Folder 5a ++ Sub Item 5.1a ++ Item Folder 5.2a +++ Sub Item 5.2.1a +++ Sub Item 5.2.2a +++ Sub Item 5.2.3a +++ Sub Item 5.2.4a + Item 6a Test2 + Item 1b + Item 2b + Item Folder 3b ++ Sub Item 3.1b ++ Sub Item 3.2b ++ Sub Item 3.3b ++ Sub Item 3.4b + Item 4b + Item Folder 5b ++ Sub Item 5.1b ++ Item Folder 5.2b +++ Sub Item 5.2.1b +++ Sub Item 5.2.2b +++ Sub Item 5.2.3b + Item 6b Test3 Test4 + test4.1 + test4.2 + test4.3 {/SideBar_Menu_Ap ple_style}
-----------------------------------------
How to solve this error.
Thanks a lot for your cooperation.

From,
Malaysia
 
< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2015. kksou.com. All Rights Reserved