بسم الله الرحمن الرحيم
اقدم لكم اليوم كود نافبار بشكل حصري ويتمني اي منتدي وضعه
لانه حصري وتم تطويره بالانجليزية وتعريبة من قبل مبرمجين
صورة للكود :

طريقة تركيب الكود
ضع هذا فى العناصر الاضافية :
الكود:
<nav id='main-nav'>
<div class='container'>
<div class='main-menu'><ul class='menu' id='menu-main'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Post Head Modes</a>
<ul class='sub-menu'>
 <li><a href='#'>Post With Featured Image</a></li>
 <li><a href='#'>Post With Slider</a></li>
 <li><a href='#'>Post with SoundCloud</a></li>
 <li><a href='#'>Post With Video</a></li>
</ul>
</li>
 <li><a href='#'>Shortcodes</a>
<ul class='sub-menu'>
 <li><a href='#'>Text and Lists</a></li>
 <li><a href='#'>Video and Audio</a></li>
 <li><a href='#'>Social</a></li>
 <li><a href='#'>Tabs & Toggles & Author</a></li>
</ul>
</li>
 <li><a href='#'>Page Templates</a>
<ul class='sub-menu'>
 <li><a href='#'>Authors</a></li>
 <li><a href='#'>Sitemap</a></li>
 <li><a href='#'>Tags</a></li>
 <li><a href='#'>Timeline</a></li>
</ul>
</li>
 <li><a href='#'>Categories</a>
<ul class='sub-menu'>
 <li><a href='#'>World</a></li>
 <li><a href='#'>Technology</a></li>
 <li><a href='#'>Sports</a></li>
</ul>
</li>
 <li><a href='#'>Post Layout</a>
<ul class='sub-menu'>
 <li><a href='#'>Full Width</a></li>
 <li><a href='#'>Right Sidebar</a></li>
 <li><a href='#'>Left SIdebar</a></li>
</ul>
</li>
<li><a href='#'>Reviews</a>
<ul class='sub-menu'>
 <li><a href='#'>Stars</a></li>
 <li><a href='#'>Points</a></li>
 <li><a href='#'>Percent</a></li>
 <li><a href='#'>in The Top</a></li>
</ul>
</li>
</ul></div>
</div>
</nav>
واذهب الى الcss وضع هذا الكود
الكود مخفى للرد




والى اللقاء فى كل ماهو جديد