کد منو زیبا برای سایت و وبلاگ

یک منوی بسیار زیبا و جالب را برای علاقه مندان به 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>​