MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Help moving menu below header please....
Full Version: Help moving menu below header please....
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

jmilch

2012-01-17, 04:51 AM
Greetings,

I would like to move my menu below my header on my site, and I cannot seem to figure out how to make it work properly.

I just simply would like the navigation menu to be below the banner. Just above the "michigan gun rack" navigation text.[/php]

URL: http://www.migunrack.com
MYBB 1.6.5

Code for header:

<div id="container">
 <div id="menu" style="margin-left:auto;margin-right:auto">          

<!-- Start PureCSSMenu.com STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#C8D8AC;
	background-repeat:repeat;
	border-color:#6d6d6d;
	border-width:2px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:206.85000000000002px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#C8D8AC;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:12px Georgia;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#DDDDDD;
	border-color:#4C99AB;
	border-style:solid;
	font:12px Georgia;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#DDDDDD;
	border-color:#4C99AB;
	border-style:solid;
	font:12px Georgia;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}
</style>
<!-- End PureCSSMenu.com STYLE -->



<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">

<center>	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com"><img src="http://www.migunrack.com/images/home1.png" alt="Home" />Home</a></li>
	


<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/member.php?action=register"><img src="http://www.migunrack.com/images/add.png" alt="Home" />Register</a></li>
	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/index.php"><span><img src="http://www.migunrack.com/images/forum1.png" alt="forum" /> Forums</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
                <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/index.php">Main Forum</a></li>
                <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/search.php?action=getnew">New Posts</a></li>
                <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Calendar-Default-Calendar">Calendar of Events</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-General-Forum-Rules-Regulations">General Rules</a></li>
                <li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Forum-Marketplace">Marketplace</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-Disclaimer">Disclaimer</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-Marketplace-Specific-Rules">Marketplace Rules</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-Commercial-Dealer-Specific-Rules">Commercial Deal Info</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/gallery/"><img src="http://www.migunrack.com/images/gallery.png" alt="gallery" />Media </a></li>
	<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span><img src="http://www.migunrack.com/images/upgrade.png" alt="upgrade" />Donate-</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">

		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-Membership-Options-Help">Upgrade Membership</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/donate.php">Donate</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>


	<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span><img src="http://www.migunrack.com/images/memberlist.png" alt="members" /> Members-</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/showteam.php">Staff</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/memberlist.php">General Members</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/showteam.php">Donators & Premium Members</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/contact.php"><span><img src="http://www.migunrack.com/images/contact_us.png" alt="contact us" /> Contact Us- </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/contact.php">via Email</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-How-to-contact-staff-via-forum">Staff via PM</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/private.php?action=send&uid=1">Admin via PM</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>



	

	<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/misc.php?action=help"><span><img src="http://www.migunrack.com/images/help1.png" alt="help" /> Help -</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="pureCssMenum">
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-FAQ-Frequently-Asked-Questions">FAQ</a></li>
		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.migunrack.com/Thread-Membership-Options-Help">Membership Help</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>


<li class="pureCssMenui0"><a class="pureCssMenui0" href="http://www.migunrack.com/search.php"><img src="http://www.migunrack.com/images/search.png" alt="search" /> Search &nbsp</a></li>

</center>

</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->


   </div>

<div id="banner"><a id="banner_text" href="/"></a>
<div id="information">{$welcomeblock}</div></div>

		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			{$myshowcase_unapproved}{$myshowcase_reported}<navigation>
			<br />

I have copied and pasted many times, and I cannot get it to work properly keeping the current website form. I am sure someone with more experience can do it quickly. ANY and ALL help is appreciated.

ranjani

2012-01-17, 05:21 AM
have you given the code from header template OR from the page source ... we need code from the header template !!

jmilch

2012-01-17, 05:25 AM
That is the header template. The code you see came directly from the header template. I am using drop menus in css. You can see it by reading the code.

ranjani

2012-01-17, 05:36 AM
oh! cut below code and paste next to <div id="container">

<div id="banner"><a id="banner_text" href="/"></a>
<div id="information">{$welcomeblock}</div></div>

that is, it becomes like this : 

<div id="container">
<div id="banner"><a id="banner_text" href="/"></a>
<div id="information">{$welcomeblock}</div></div>
<div id="menu" style="margin-left:auto;margin-right:auto">          

<!-- Start PureCSSMenu.com STYLE -->
<style> 
.... ..... .....

jmilch

2012-01-17, 05:44 AM
Thank you as always for the help. I will try it here in a few minutes.
(2012-01-17, 05:36 AM)ranjani Wrote: [ -> ]oh! cut below code and paste next to <div id="container">

<div id="banner"><a id="banner_text" href="/"></a>
<div id="information">{$welcomeblock}</div></div>

that is, it becomes like this : 

<div id="container">
<div id="banner"><a id="banner_text" href="/"></a>
<div id="information">{$welcomeblock}</div></div>
<div id="menu" style="margin-left:auto;margin-right:auto">          

<!-- Start PureCSSMenu.com STYLE -->
<style> 
.... ..... .....

Do I need to remove the {$welcomeblock} that is further down in the template?

When I just added what you suggested, I did get the navigation below the banner. But I also got a repeat of the banner... so it was showing up twice.

ranjani

2012-01-17, 06:19 AM
you have to remove the specified code from existing header template (so that is actual cut) AND then paste next to <div id="container"> ..

jmilch

2012-01-17, 06:36 AM
Thank you for the helps so far, you are a great asset to the mybb community!

Just one last Q, what do I do with this part?

		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			{$myshowcase_unapproved}{$myshowcase_reported}<navigation>

****EDIT****

I just left that portion where it was and WHALA! IT worked. Thanks so much!!!Big GrinBig GrinBig Grin This is why I love mybb.
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Help moving menu below header please....