media 65
Home | Login | Register | Password Reset |

Media 65 Technologies
User Name:   Password: 

Password Reset
Close


Go Back   Media 65 Forums > Joomla > Media 65 Joomla Menu Module
Joomla Friendly Horizontal Menu jquery n2menu Joomla Friendly Horizontal Menu jquery n2menu
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Media 65 Joomla Menu Module Joomla 1.5.X Menu Module to add custom Menus. From Third party JavaScript Providers.

Comment
Page 1 of 3 1 2 3 >
 
Tutorial Tools Display Modes
Joomla Friendly Horizontal Menu jquery n2menu
Published by admin
11-07-2008
Default Joomla Friendly Horizontal Menu jquery n2menu
Step's to adding the menu to your Joomla Template.
Add following code to your index.php Joomla template.
The code below goes between the head tags <head>Header code</head>

Head code example:
PHP Code:
<!--tab menu -->
<script type="text/javascript" src="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ?>/js/n2menu/jquery-1.1.3.1.pack.js">
</script>
<script type="text/javascript" src="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ?>/js/n2menu/n2menu.js">
</script>
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ?>/js/n2menu/n2menu.css" type="text/css" />
<script type="text/javascript">
            $(document).ready(function(){
                n2menu.init("#m1");
            });
        </script>
<!--tab menu -->
Next the body code needed to display the menu.
Place the code bellow where you like the menu to appear in the body of your document.
Body Code Example:

Code:
<div id="m1" class="n2menu">
<!--div is for the menu-->
<jdoc:include type="modules" name="menu" style="none" />
<!-- eof menu-->
</div>
Please Note: That the menu needs the div tags id and class name as is.

Next setting up a module to display your menu information
Login to your Joomla installation backend

http://url/administrator
Go To:>Top menu > Extensions > Module Manager

Click the check box for the module Main Menu.
Once check click on the top icon "copy" this will make a copy of the module called "Copy of Main Menu ".

Click on the title "Copy of Main Menu " for this module which open's the module.

On the left side look for the "Details" group.
Rename the module in the title field to main menu 2.
Set radio button of the show title to no.
Set the radio button enabled to yes.

Set the position to select pulldown to menu.
Next look for the parameters group on the right side.
Set the radio button "Always show sub-menu items" to yes.
Click on the save icon on top.


Please note: this is a temporary article I will be adding the files
for this menu in a day or so.
Source of the Menu
http://menu.n2cms.com/

Tutorial Tools

Featured Tutorials
  #1  
By admin on 11-07-2008, 11:14 AM
Default reserved for the future use
reserved for the future use.
Reply With Quote
  #2  
By zedzed on 11-15-2008, 08:13 AM
Default
Hello sir

You have done a very good job. This module is superb.

But people like me who don't have any knowledge of java-script finds difficulty.

If you give step-by-step method with snapshoot for the procedure to make top menu as that in this site and also vertical menu, then it will be highly appreciable.

I am working on this non-profitable site - Adoption Myths | Adoption Myths
and want to implement this feature on the site but got stuck with the vertical menu. and also the top-menu is not looking as attractive as that in this site.

Please help. Thank you
Reply With Quote
  #3  
By admin on 11-17-2008, 04:35 PM
Default
Hello zedzed,

At the moment this is the best we can do.
Due to the fact that I have other projects on the queue that I'm currently working on.

Customers that have purchased the Joomla Template Kit have a better explanation inside of the videos.

This particular menu does not support vertical menus.
Only horizontal if you need more information on the menu you can see the developer site at the link inside the post.

Also this particular menu does not need to have media 65 menu module installed in order to work.

All you need to do is paste the code and follow the directions. As per the post in the forums.

the post for this menu isn't finished yet I need to upload some files
for the menu.

This forum is a work in progress, and I would like to involve more people from the community instead of doing. all the work load by myself.
So if some users have some useful information that they would like to post. Please do so.

Within the guidelines of working with particular menu's posted on this site.
If other users find menus systems that can work with Joomla.
Please post them inside of these forums is starting a new thread
about a menu, etc.

Hopefully in the following months, we can get some really nice menus available to everyone.
Reply With Quote
  #4  
By ArchangelX on 12-08-2008, 06:42 AM
Default
I'm having a conflict with Frontpage Slideshow, in that it breaks the menu. Is there any way to avoid this? They're both using jQuery.
Reply With Quote
  #5  
By admin on 12-08-2008, 11:53 AM
Default
Quote:
Originally Posted by ArchangelX View Post
I'm having a conflict with Frontpage Slideshow, in that it breaks the menu. Is there any way to avoid this? They're both using jQuery.

I can't help you on this type of issue.
What I can tell you is check the jQuery versions that don't conflict.
you my be calling the jQuery twice and its breaking the functions etc.
Reply With Quote
  #6  
By ArchangelX on 12-08-2008, 01:36 PM
Default
I didn't think you'd give support since it's one of those mods breaking other mods sorta things, but I sincerely do appreciate the help.

I must say, you've done an exceptional job with the template system, and it's made a huge world of difference for me. I certainly do appreciate it, and am very happy with the product...so thanks!
Reply With Quote
  #7  
By ArchangelX on 12-08-2008, 02:46 PM
Default
Woot! I updated the .js in n2menu to the latest release, 1.2.6 and it works fine now.

Thanks for the wonderful product!
Reply With Quote
  #8  
By SuperJuul on 12-28-2008, 10:52 AM
Default
Hi there,

I have been trying nearly all day now to get this menu to work, but somehow it doesn't show up at all in my browser. I have added all the proper code to the index.php as described in this article.

One thing I could not set however and can't figure out how to solve is this specific line:

"Set the position to select pulldown to menu.""

When I look at the 'position' setting, I have a pulldown that only shows these options:

breadcrumb
footer
left
right
syndicate
top
user1
user2
user3
user4

There is no options of choosing 'menu' as stated in this article.

This is basicly the only thing I can think of why the menu isn't working for me, all the other things I have done okay really.

Ps: I have not installed the 'Media 65 Joomla Menu Module' as this article doesn't state I need to have this installed.
Reply With Quote
  #9  
By talthompson on 01-05-2009, 08:41 PM
Member reviews
Easy of Use
20%20%20%
1
Support
20%20%20%
1
Value
20%20%20%
1
Recommend
20%20%20%
1
Average 20%
Default Horizontal Dividers
How would you go about adding horizontal dividers to this code?
ex:
home | about us | order | etc...
Reply With Quote
Comment
Page 1 of 3 1 2 3 >

Tags
horizontal , joomla menu , menu , third-party menu

« Previous Tutorial | Next Tutorial »
Tutorial Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Tutorial Tutorial Starter Category Comments Last Post
Joomla Friendly Menu Mootools admin Media 65 Joomla Menu Module 2 11-19-2008 06:36 PM
Joomla Friendly Menu jquery Jsuperfish admin Media 65 Joomla Menu Module 1 11-07-2008 11:14 AM


All times are GMT -4. The time now is 09:48 AM.

Contact Us - Media 65 Forums - Archive - Privacy Statement - Top

Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0