<body>
<div>
<div id="s1">
<div id="wrapper">
<div id="header">
<div id="logotip"></div>
<div id="logotip2"></div>
<div id="topmenu">
<jdoc:include type="modules" name="primer-topmenu" style="xhtml" />
</div>
</div>
<div id="middle">
<div id="middle1">
<div id="container">
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><!-- #content-->
</div><!-- #container-->
</div>
<div class="sidebar" id="sideRight">
<div id="middle2">
<jdoc:include type="modules" name="p-serch" style="xhtml" />
<jdoc:include type="modules" name="p-news" style="xhtml" />
</div><!-- .sidebar#sideRight -->
</div>
</div><!-- #middle-->
</div><!-- #wrapper -->
<br></br> <br></br>
<div id="footer">
<jdoc:include type="modules" name="primer-footer" style="xhtml" />
</div><!-- #footer -->
</div>
</div>
</div>
</body>
вот так у меня выглядит мой php код, без моей менюшки
а вот HTML моей менюшки и что на что менять и что куда добавить ? мучаюсь уже неделю не как сделатать не могу=(
<body id="page" class="page sidebar-a-right sidebar-b-right isblog ">
<div id="page-bg">
<div id="page-bg2">
<div id="block-toolbar">
<div class="wrapper">
<div id="toolbar" class="grid-block">
</div>
</div>
</div>
<div class="wrapper grid-block">
<header id="header">
<div id="headerbar" class="grid-block">
</div>
<div id="menubar" class="grid-block">
<nav id="menu">
<ul class="menu menu-dropdown">
<li class="level1 item321 active current">
<a href="index.htm" class="level1 active current">
<span>Admin</span>
</a></li>
<li class="level1 item361">
<a href="community.htm" class="level1">
<span> Admin</span>
</a></li>
<li class="level1 item361">
<a href="community.htm" class="level1">
<span>Admin</span>
</a></li>
<li class="level1 item384">
<a href="staff-list.htm" class="level1">
<span>Admin</span>
</a></li>
<li class="level1 item158 parent">
<a href="courses.htm" class="level1 parent">
<span>Admin</span>
</a>
<div class="dropdown columns1">
<div class="dropdown-bg">
<div>
<div class="width100 column">
<ul class="level2">
<li class="level2 item373">
<a href="course-list.htm" class="level2">
<span>Admin</span>
</a></li>
<li class="level2 item176">
<a href target="_blank" class="level2">
<span>Admin</span>
</a></li>
<li class="level2 item160">
<a href target="_blank" class="level2">
<span>Admin</span>
</a></li></ul></div></div></div></div></li>
<li class="level1 item172 parent">
<a href="about-joomdle.htm" class="level1 parent">
<span>Admin</span>
</a>
<div class="dropdown columns1">
<div class="dropdown-bg">
<div>
<div class="width100 column">
<ul class="level2">
<li class="level2 item173">
<a href target="_blank" class="level2">
<span>Admin</span>
</a></li>
<li class="level2 item176">
<a href target="_blank" class="level2">
<span>Admin</span>
</a></li>
<li class="level2 item160">
<a href target="_blank" class="level2">
<span>JAdmin</span>
</a></li>
</ul></div></div></div></div></li></ul>
<ul class="menu menu-dropdown">
<li class="level1 parent">
<span class="level1 parent">
<span>Login</span>
</span>
<div class="dropdown columns1" >
<div class="dropdown-bg">
<div>
<div class="module"> <form action= method="post" name="form-login" id="form-login" >
<fieldset class="input">
<p id="form-login-username">
<label for="username">
Username<br />
<input name="username" id="username" type="text" class="inputbox" alt="username" size="18" />
</label>
</p>
<p id="form-login-password">
<label for="passwd">
Password<br />
<input type="password" name="password" id="passwd" class="inputbox" size="18" alt="password" />
</label>
</p>
<p id="form-login-remember">
<label for="remember">
Remember me <input type="checkbox" name="remember" id="remember" value="yes" alt="Remember Me123" >
</label>
</p>
<input type="submit" name="Submit" class="button" value="LOGIN" />
</fieldset>
<div style="margin-left:5px;">
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.login" />
<input type="hidden" name="return" value="L2pkZW1vL2luZGV4LnBocC9jb21tdW5pdHk=" />
<input type="hidden" name="c50883c5ec871df07c801a2d7ec642bd" value="1" /> </form>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav>
<div id="search"> <!-- отсюда начинается скрипт код поиска-->
<form id="searchbox" method="post" role="search">
<input type="text" value="" name="searchword" placeholder="search..." />
<button type="reset" value="Reset"></button>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="321" />
</form>
<script src="search.js" ></script>
<script>
jQuery(function($) {
$('#searchbox input[name=searchword]').search({'url': '/jdemo/index.php/component/search/?tmpl=raw&type=json&ordering=&searchphrase=all', 'param': 'searchword', 'msgResultsHeader': 'Search Results', 'msgMoreResults': 'More Results', 'msgNoResults': 'No results found'}).placeholder();
});
</script></div>
<!-- здесь заканчивается код поиск-->
</div>
</header>
<!-- maininner end -->
</div>
<!-- main end -->
</div>
</div>
</div>
</body>