سلام مراحل زیر رو انجام بدید امیدوارم مشکلتون حل بشه
1.فایلی رو که ضمیمه کردم دانلود و فولدر هاشو کنار default قرار بدید
2.فایل default رو باز کرده و کد های زیر رو توی head قرار بدید
<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<link rel="stylesheet" type="text/css" href="css/promenu.css" media="screen" />
<script type="text/javascript" src="js/freshline/jquery.freshline.SliderMenu.mini.js"> </script>
3.css فونت ها رو قرار بدید (توی head) ولی به این نکات توجه داشته باشید
1.فونت ها روی سرور گوگله (نمیتونید افلاین تست کنید ولی راه حلش وجود داره)
2.فونت ها با فارسی مشکل داره و اگه هم اونا رو عوض کنید لارمه کمی هم استایل فونتو عوض کنید
3.به هر حال این مرحله اجباری نیست (ولی اگه انجمش ندید یکم بهم رختگی وجود داره)
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css' >
4.این اسکریپت رو هم قرار بدید
<script>
$(document).ready(function(){
$('#menu').slidermenu();
});
</script>
5.وتو جایی که برای منو گذاشتید کد زیر رو قرار بدید
<div id="menu" class="slider-menu">
<ul>
<li><a href="index.html"><span class="main_type_1">Q&P-Home</span></a>
<ul id="ok">
<li><a href="index.html"><img src="images/submenu/sub_3.jpg"> <div class="menu-head"><span class="head_type_2">> With Banner</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_4.jpg"> <div class="menu-head"><span class="head_type_2">> With Description</span></div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_5.jpg"> <div class="menu-head"><span class="head_type_2">> With Slider</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
</ul>
</li>
<li><a href="index.html"><span class="main_type_1">Quick</span></a>
<ul>
<li><a href="#"><img src="images/submenu/sub_1.jpg"> <div class="menu-head"><span class="head_type_2">> About Us</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="#"><img src="images/submenu/sub_2.jpg"> <div class="menu-head"><span class="head_type_2">> The Story</span></div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="#l"><img src="images/submenu/sub_11.jpg"> <div class="menu-head"><span class="head_type_2">> Latest Interviews</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="#"><img src="images/submenu/sub_21.jpg"> <div class="menu-head"><span class="head_type_2">> Firm Philosophy</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="#"><img src="images/submenu/sub_22.jpg"> <div class="menu-head"><span class="head_type_2">> Applications</span></div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="#"><img src="images/submenu/sub_5.jpg"> <div class="menu-head"><span class="head_type_2">> My Code Partners</span></div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="#"><img src="images/submenu/sub_6.jpg"> <div class="menu-head"><span class="head_type_2">> Download & Extras</span></div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
</ul>
</li>
<li><a href="index.html"><span class="main_type_1">Pro</span></a>
<ul>
<li><a href="index.html"><img src="images/submenu/sub_16.jpg"> <div class="menu-head">> Big Movies 1</div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_18.jpg"> <div class="menu-head">> Big Movies 2</div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_12.jpg"> <div class="menu-head">> Our Collection</div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_13.jpg"> <div class="menu-head">> New Style One</div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_14.jpg"> <div class="menu-head">> New Style Two</div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam invi, inte dolores percipitur idunni. Esse vitae perpetua id corpora.</span></div></a></li>
<li><a href="index.html"><img src="images/submenu/sub_15.jpg"> <div class="menu-head">> Picture Gallery</div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam name mei ornatus perfecto dissentiet, te velit sanctus appareat nam.</span></div></a></li>
</ul>
</li>
<li><a href="index.html"><span class="main_type_1"><i>jQuery</i></span></a>
<ul>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> RSS News</span></div><div class="menu-content"></div></a></li>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> Atom Feedback</span></div><div class="menu-content"></div></a></li>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> Twitter</span></div><div class="menu-content"></div></a></li>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> Facebook</span></div><div class="menu-content"></div></a></li>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> Google+</span></div><div class="menu-content"></div></a></li>
<li><a href="index.html"> <div class="menu-head"><span class="head_type_3">> External Link</span></div><div class="menu-content"></div></a></li>
</ul>
</li>
<li><a href="index.html"><span class="main_type_1">Menu</span></a>
<ul>
<li><a href="index.html"> <div class="menu-head">> Online Store</div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam in, inte dolores percip idun. Esse vitae perpetua id sit, pro corpora. Inda nihil congue dissentiunt pro, est nonumy etni. Iqu altera salutatus per, elit tritani volutpat. <br><hr />Cu his solum pertinacia, pro ea nonumes urbanita persequeris. Eos eros postulant at, mei ut liber insolens, graeci theophrastus ea ius.</span></div></a></li>
<li><a href="index.html"> <div class="menu-head">> Our Clients</div><div class="menu-content"><span class="content_type_1">In exerci ignota intellegam namei mei ornatus pic perfecto dissentiet, te velit sanctus app nam. <br><hr />Usu eu enim reque aperiri, esse audiam id meani. Cum ea deserunt voluptatibus, elit quo.<br><hr />In exerci ignota intellegam namei mei ornatus pic perfecto dissentiet, te velit appareat nam.
</span></div></a></li>
<li><a href="index.html"> <div class="menu-head">> Contact Us</div><div class="menu-content"><span class="content_type_1">Pro pertinacia constituam in, inte dolores percip idun. Esse vitae perpetua id sit, pro corpora. Inda nihil congue dissentiunt pro, est nonumy etni. Iqu altera salutatus per, elit tritani volutpat. <br><hr />Cu his solum pertinacia, pro ea nonumes urbanita persequeris. Eos eros postulant at, mei ut liber insolens, graeci theophrastus ea ius.</span></div></a></li>
</ul>
</li>
</ul>
</div>
به این نکات نیز توجه کنید
هر تغییری که روی دیتای منوها انجام می دید تو قسمت 5 هست (فارسی کردن ، داینامیک کردن ، ...)
عکسهای اضافی رو از فولدر images پاک کنید (به خاطر تست پاک نکردم)
اگه مشکلی بود در خدمتم