as you said I just copy paste that code, in header_welcomeblock_guest on top of all code in that file, it is working but the problem is its coming in same line, i.e. sprymenubar and default MyBB menu bar are in same line, how to differentiate those to menus?
here is the code of Header_welcomeblock_guest file
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.html">Home</a> </li>
<li><a href="../Gnankiran/index.html">Gnankiran</a></li>
<li><a href="../Career Guidance/index.html">Career Guidance</a> </li>
<li><a href="../Knowledge/index.html" class="MenuBarItemSubmenu">Knowledge</a>
<ul>
<li><a href="../Knowledge/Share/index.html">Share</a></li>
<li><a href="../Knowledge/Sources/index.html">Source</a></li>
</ul>
</li>
<li><a href="../Activities/index.html" class="MenuBarItemSubmenu">Activities</a>
<ul>
<li><a href="../Activities/Quiz Competition/index.html">Quiz Competition</a></li>
<li><a href="../Activities/Kids Competition/index.html">Kids Competition</a></li>
<li><a href="../Activities/Drawing Competition/index.html">Drawing Competition</a></li>
<li><a href="../Activities/Mahendi Competition/index.html">Mahendi Competition</a></li>
</ul>
</li>
<li><a href="../Events/index.html">Events</a></li>
<li><a href="../forum/index.php">Forums</a></li>
<li><a href="index.html">Contact us</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<div class="upper_panel">
<span class="float_right"><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></span>
<script type="text/javascript">
<!--
lang.username = "{$lang->login_username}";
lang.password = "{$lang->login_password}";
lang.login = "{$lang->login}";
lang.lost_password = " <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\" class=\"login\">{$lang->lost_password}<\/a>";
lang.register_url = "<a href=\"{$mybb->settings['bburl']}/member.php?action=register\" class=\"register\">{$lang->welcome_register}<\/a>";
// -->
</script>
<span id="quick_login">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;" class="login">{$lang->welcome_login}</a><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
</div>