یک منوی بسیار زیبا و جالب را برای علاقه مندان به css و وب قرار میدهیم. این منو ناوبار بسیار زیبا میباشد و احتمالا در آینده به روی سپهنا هم قرار بدهیم. همچنین این کد قابلیت باز شدن و زیر مجموعه دار بودن رو دارد و میتوانید در ادمه دمو کد را بصورت آنلاین مشاهده کرده و در صورت رضایت از اون استفاده کنید.
دمو
جهت استفاده از این منو شیک و منحصر بفرد مراحل زیر را طی کنید :
قبل از </head> قرار دهید :
<link rel="stylesheet" type="text/css" href="http://sepahna.ir/demo/code/menu-bazsho1/sepahna.css"/>
جایی که میخواهید کد نمایش داده شود قرار دهید :
<div id="container"> <div id="nav"> <ul> <li><a href="http://sepahna.ir/?do=feedback"><span>تماس با ما</span></a></li> <li><a href="http://sepahna.ir/?do=lastnews"><span>آخرین مطالب</span></a></li> <li class="dropdown"><a href="#"><span>پنل کاربری</span></a> <ul> <li><a href="http://sepahna.ir/addnews.html"><span>ارسال مطلب</span></a></li> <li><a href="#"><span>پیام خصوصی</span></a></li> <li><a href="#"><span>پروفایل</span></a></li> </ul> </li> <li class="dropdown"><a href="#"><span>موضوعات</span></a> <ul> <li><a href="http://sepahna.ir/web/learning-web/"><span>کدهای جدید برای سایت و بلاگ</span></a></li> <li><a href="http://sepahna.ir/web/blog-templates/"><span>قالب وبلاگ</span></a></li> <li><a href="#"><span>خانواده</span></a></li> <li><a href="#"><span>...</span></a></li> <li><a href="#"><span>...</span></a></li> </ul> </li> <li><a href="http://sepahna.ir"><span>صفحه اصلی</span></a></li> </ul> </div></div>