[chikuru]

this is the complete codes in the header template:

<div class="above_body"> <!-- closing tag is in template navbar -->
	<div id="header" class="floatcontainer doc_header">
		<!-- start CUSTOM HEADER -->
		<ul id="menu-top" class="topNav multiMenu">
			<li id="menu-item" class="topmenuitem"><a href="#">HOME</a></li>
			<li id="menu-item" class="topmenuitem"><a href="#">ADVERTISE HERE</a></li>
			<li id="menu-item" class="topmenuitem"><a href="#">CONTACT US</a></li>
			<vb:if condition="$show['member']">
			<li id="menu-item" class="topmenuitem item-right">
			<div class="dropdown">
			<a class="account">Hello User</a>
					<div class="submenu">
					<ul class="root">
					<li ><a href="#Dashboard" >Profile</a></li>
					<li ><a href="#Profile" >Notification</a></li>
					<li ><a href="#settings">Settings</a></li>
					<li ><a href="#feedback">Log Out</a></li>
					</ul>
				</div>
			</li>
			<vb:else />
			<li id="menu-item" class="topmenuitem item-right"><a id="sign-in">LOGIN</a></li>
<!-- Login Box START -->
<vb:literal><script>
$(function(){
		function showModal() {
			$('#modal-overlay').fadeIn('.2s');
			$('.modal').fadeIn(10).addClass('modal-in');
		}

		function hideModal() {
			$("#modal-overlay").fadeOut(300, function () {
				$('.modal').fadeOut();
				$('.modal').removeClass('modal-in');
				$("#modal-overlay").remove();
			});
		}
	// --- Modal > Login --- //
	$("#sign-in").click(function () {
		$('footer').after('<div id="modal-overlay"> \
<div class="modal" id="login"> \
<span class="close"></span> \
<header> \
<h3>Member Login</h3> \
</header> \
<div class="content-container"> \
<h4>If you are an existing user please login below, if not <a href="#">create an account</a> now.</h4> \
<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})"> \
<div class="input-container"> \
<div id="username-container"> \
<input name="vb_login_username" type="text" id="username" placeholder="Username" required/> \
</div> \
<div id="password-container"> \
<input name="vb_login_password" type="password" id="password" placeholder="Password" required/> \
</div> \
</div> \
<div class="options"> \
<div class="left"> \
<span class="remember-me">Remember my password</span> \
<div class="checkbox"> \
<input type="checkbox" id="remember-me" name="cookieuser" value="1" /> \
<label for="remember-me"></label> \
</div> \
</div> \
<div class="right"><button class="btn-s1 right button grey green-hover button-7">Sign In</button></div> \
<div class="clear"></div> \
</div> \
				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" /> \
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" /> \
				<input type="hidden" name="do" value="login" /> \
				<input type="hidden" name="vb_login_md5password" /> \
				<input type="hidden" name="vb_login_md5password_utf" /> \
</form> \
</div> \
</div> \
</div>');
		showModal($(this));
		$('.modal header, .modal .content-container').click(function () {});
	});
	$('body').on("click", "#modal-overlay, .modal span.close", function (event) {
		if (event.target == this) hideModal($(this));
	});
})
</script></vb:literal>
<!-- Login Box END -->
			</vb:if>
			<li id="menu-item" class="topmenuitem item-right"><a href="#">SEARCH</a></li>
		</ul>	

	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

	
	<div class="ad_global_header">
		{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
</div>