MyBB Community Forums

Full Version: Custom Menu Bar
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I've tried the code for the custom menu bar!

here is the one i want to use for my website but everytime when i want to do that its failing.....
http://www.dynamicdrive.com/style/csslib...ss_menu_2/

what am i doing wrong cause the scripts are right?

here is my website so you could see what im doing Toungue
http://www.warhood.com/demo
Check your link, where it says "The external files:"

You will need to add these to your website and make your visitors load them when they visit your site.

Upload "jqueryslidemenu.css" and "jqueryslidemenu.js" from the website to your forum root.

Then put this in your headerinclude template (Templates>Ungrouped Templates>headerinclude):
<link rel="stylesheet" type="text/css" href="jqueryslidemenu.css" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jqueryslidemenu.js"></script>
but where do i need to upload them perhaps there is just something wrong....

<link rel="stylesheet" type="text/css" href="jqueryslidemenu.css" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jqueryslidemenu.js"></script>

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  <li><a href="#">Sub Item 1.3</a></li>
  <li><a href="#">Sub Item 1.4</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
		<ul>
    		<li><a href="#">Sub Item 3.1.1.1</a></li>
    		<li><a href="#">Sub Item 3.1.1.2</a></li>
    		<li><a href="#">Sub Item 3.1.1.3</a></li>
    		<li><a href="#">Sub Item 3.1.1.4</a></li>
    		<li><a href="#">Sub Item 3.1.1.5</a></li>
		</ul>
    </li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>

i've uploaded the same who written this, and still this problem, i have uploaded the css into the website where i have the index of the website, but they dont tell what map!
Your headerinclude template looks like this to me:

<link rel="alternate" type="application/rss+xml" title="Latest Threads (RSS 2.0)" href="http://www.warhood.com/demo/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="Latest Threads (Atom 1.0)" href="http://www.warhood.com/demo/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://www.warhood.com/demo/jscripts/prototype.js?ver=1601"></script>
<script type="text/javascript" src="http://www.warhood.com/demo/jscripts/general.js?ver=1601"></script>
<script type="text/javascript" src="http://www.warhood.com/demo/jscripts/popup_menu.js?ver=1601"></script>
<link type="text/css" rel="stylesheet" href="http://www.warhood.com/demo/css.php?stylesheet=112" />

<script type="text/javascript">
<!--
	var cookieDomain = ".warhood.com";
	var cookiePath = "/demo/";
	var cookiePrefix = "";
	var deleteevent_confirm = "Are you sure you want to delete this event?";
	var removeattach_confirm = "Are you sure you want to remove the selected attachment from this post?";
	var loading_text = 'Loading. <br />Please Wait..';
	var saving_changes = 'Saving changes..';
	var use_xmlhttprequest = "1";
	var my_post_key = "cd0416a5b8206a880abefa5dc19ac743";
	var imagepath = "images/might";
// -->
</script>

The jqueryslidemenu.css and so on is missing..


You need to put it into your headerinclude template.
This can be done via ACP > Themes & Templates > Select Theme Templates > ungrouped Templates > headerinclude.
i uploaded it into my xml file is that correct, cause otherwise i dont understand how to install this crappp.....

i want to use this one, but im not sure how to do it.
cause nobody tells me exactly to change the settings.
the tuturial is not that smart cause not everyone knows this:
http://mods.mybb.com/view-resource/addin...m-menu-bar

can someone help me to fix this?[/align]
What are you doing in the xml file?

You need to visit this page:
yoursite.com/admin/index.php?module=style-templates

Then select your theme, go to Ungrouped Templates and select headerinclude.
Just as I said.

Nothing has to be done within the xml file.
is it the page where the header_template is?
cause otherwise i dont understand it, i think the script is not working correctly cause the <html> file is not in my header!

what can i do, cause the tutorial im not happy with it!

in the xml file i did the codes for javascript in the <head> tag! But i do think that's not correct right?

and the javascript and css files i just uploaded to my ftp and not into an map or something, is that oke?
Not the header_ templates.

There is a list for "ungrouped Templates" (its the last one in the list)

And yes, you do not need to do anything in the xml file at all.

The javascript and css files must be uploaded via ftp to your forum root. (You don't need to make an extra folder for them).
i finally found the file but i do need to know what i must do step by step. Otherwise i will never get this done.

Maybe someone can help me, i will give you a level on the site so you can edit the file.

please help me with it.