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

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

Comment
 
Tutorial Tools Display Modes
admin's Avatarhttp://www.m65.net/forums/ Joomla Friendly Horizontal Menu jquery n2menu
admin
11-07-2008
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:
...
  #10  
By admin on 01-05-2009, 08:08 PM
Default

Try adding right border to the CSS styles sheet.
Reply With Quote
  #11  
By talthompson on 01-06-2009, 06:51 AM
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 Adding horizontal dividers

I tried adding this to the n2menu.css file, but no luck.


.n2menu ul
{
display:block;
clear:both;
list-style-type:none;
margin:0 0;
padding:0 16px;
border-right: #000000 1 px;
}


Any ideas?
Reply With Quote
  #12  
By talthompson on 01-06-2009, 07:10 AM
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 CSS dividers

Actually I realized I put the code under the wrong header, however now i'm running into a couple of other issues. I am getting double weirdness, also getting an extra divider at the last button. I only want them between the menu items.

Welcome to the Frontpage

.n2menu span
{
display:block;
padding:3px 18px;
text-decoration:none;
white-space:nowrap;
color:White;
border-right: .5 px;
border-right-style: solid;
border-right-color: #C89F67;
}
Reply With Quote
  #13  
By admin on 01-06-2009, 07:57 AM
Default

Hi the Padding works clock wise.

Padding: top px right px bottom px left px;

You need to adjust the padding when adding a border.
If add a 1pixel border then minus the padding by 1 pixel etc.

You may also have to many top level menus for the width of the template
page.
Reply With Quote
  #14  
By talthompson on 01-06-2009, 08:25 AM
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

I've got the menus to fit on one line, but still having problems with the padding.

padding:1px 8px 4px -1px;
Reply With Quote
  #15  
By talthompson on 01-06-2009, 08:26 AM
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

Also is there anyway to get rid of that last divider all together?
Reply With Quote
  #16  
By admin on 01-06-2009, 08:43 AM
Default

hm I'm not sure that this menu will the trick your looking for.

I think its possible to add the right border but I have to debug what you have done to it and I'm working on something else at this time.

As for the last spacer no it need to be there.

both these blocks of code need work on the Padding to work with the
border.

Code:
.n2menu ul  {
  display:block;
  clear:both;
  list-style-type:none;
margin:0 0;
padding:0 16px;

 	
 }
Code:
.n2menu span {
 display:block;
 padding:1px 8px 4px -1px;
 text-decoration:none;
 white-space:nowrap;
 color:White;
 border-right: 1 px;
border-right-style: solid;
border-right-color: #C89F67;
}
Reply With Quote
  #17  
By talthompson on 01-06-2009, 08:52 AM
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

Please let me know if you figure this out.

I'm not sure what this statement means.
"As for the last spacer no it need to be there. "
Does this mean the last spacer does not need to be there?
This trick will not work if that last spacer is visible.

If this menu will not work, can you suggest another that might?
Reply With Quote
  #18  
By admin on 01-06-2009, 10:23 AM
Wink

Yes there are ton of menus out there that work with Joomla.
The developer for this menu site is now no-good.

I would start with downloading and installing the media 65 Joomla menu module.This makes using most third party menus in Joomla easier.

joomla!› modules› Media 65 Joomla Menu Module

See: dynamic drive Good source of menus and other items etc.

Dynamic Drive- Multiple Level Menus

And
Dynamic Drive CSS Library- Horizontal CSS Menus
Reply With Quote
  #19  
By talthompson on 01-06-2009, 01:15 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

I tried to instal the Media 65 Menu module in Joomla 1.5.
I got this message, "Unable to find install package"
Reply With Quote
Comment

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

Tutorial Tools
Display Modes

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 10 07-26-2010 03:51 AM
Joomla Friendly Menu jquery Jsuperfish admin Media 65 Joomla Menu Module 4 03-02-2010 03:38 AM


All times are GMT -4. The time now is 06:58 AM.


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