منو افقی و عمودی زیبا برای سایت

          ادمین 
            بازدید : 125
          جمعه 28 اسفند 1394
           نظرات (0)
        

در اولین پست بهمن ماه قالب گراف , دو منو شیک برای شما عزیزان آماده کردیم

خصوصیات منو ها :

واکنش گرا

استفاده از رنگ فلت

درای زیر شاخه

افکت زیبا

و . . .

با استفاده از منو شما شاهد متفاوت بودن این منو با سایر منو ها میشید

این دو منو از هم جدا هستن و شما میتونید هر کدوم رو در هرجای سایتتون که میخواید به نمایش در بیارید

لینک دکمه های منو برای رزبلاگ ایجاد شده (لینک ها قابل تعغیر هستن)

کد و راهنمای استفاده :
پیش از شروع برای دیدن نمونه آنلاین کد(دمو/پیش نمایش) اینجا (منو افقی) و اینجا (منو عمودی) را کلیک کنید.
کد منو افقی
برای درج این منو در سایت یا وبلاگتون کافیست کد زیر رو قبل از تگ </head> به قالبتون اضافه کنید:

برای درج این منو در سایت یا وبلاگتون کافیست کد زیر رو بعد از تگ <body> به قالبتون اضافه کنید:

<center> <div id="mbmcpebul_wrapper"> <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu"> <li title="Contact"><div class="buttonbg" style="width: 93px;"><a href="/contact">ارتباط با ما</a></div></li> <li title="Propaganda"><div class="buttonbg" style="width: 80px;"><a href="/آدرس صفحه تبلیغات">تبلیغات</a></div></li> <li title="CHarge"><div class="buttonbg" style="width: 99px;"><a href="/charge" class="button_3">خرید شارژ</a></div></li> <li><div class="arrow buttonbg" style="width: 87px;"><a class="button_4">سایت</a></div> <ul> <li><a href="/sitemap.xml" title="Map">نقشه سایت</a></li> <li><a href="/rss.xml" title="RSS">RSS</a></li> <li><a href="/m" title="Mobile">نسخه موبایل</a></li> <li><a href="/archive" title="Archive">آرشیو</a></li> <li><a href="/posts" title="Posts">پست ها</a></li> </ul></li> <li><div class="arrow buttonbg" style="width: 90px;"><a class="button_5">کاربری</a></div> <ul class="img_16"> <li><a href="/register" class="with_img_16" title="Register"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/HorizontalMenu/img4.gh.png" alt="Register" />عضویت</a></li> <li><a href="/login" class="with_img_16 with_arrow" title="Login"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/HorizontalMenu/img6.gh.png" alt="Login" />ورود</a> <ul class="img_16"> <li><a href="/Panel" class="with_img_16 with_arrow" title="Panel"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/HorizontalMenu/img5.gh.png" alt="Panel" />پنل کاربری</a> <ul class="img_16"> <li><a href="/logout" class="with_img_16" title="Logout"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/HorizontalMenu/img7.gh.png" alt="Logout" />خروج</a></li> </ul></li> </ul></li> </ul></li> <li title="Forum"><div class="buttonbg"><a href="/forum">انجمن</a></div></li> <li title="Home"><div class="buttonbg" style="width: 63px;"><a href="/">خانه</a></div></li> </ul> </div> </center>

کد منو عمودی
برای درج این منو در سایت یا وبلاگتون کافیست کد زیر رو قبل از تگ </head> به قالبتون اضافه کنید:

برای درج این منو در سایت یا وبلاگتون کافیست کد زیر رو بعد از تگ <body> به قالبتون اضافه کنید:
 <div id="mbmcpebul_wrapper" style="width: 90px;"> <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu"> <li title="Home"><div class="buttonbg" style="width: 89px;"><a href="/home">خانه</a></div></li> <li title="Forum"><div class="buttonbg"><a href="/forum">انجمن</a></div></li> <li><div class="arrow buttonbg"><a>سایت</a></div> <ul> <li><a href="/sitemap.xml" title="Map">نقشه سایت</a></li> <li><a href="/rss.xml" title="RSS">RSS</a></li> <li><a href="/m" title="M">نسخه موبایل</a></li> <li><a href="/archive" title="Archive">آرشیو</a></li> <li><a href="/posts" title="Posts">پست ها</a></li> </ul></li> <li><div class="arrow buttonbg" style="width: 88px;"><a>کاربری</a></div> <ul class="img_16"> <li><a href="/register" class="with_img_16" title="Register"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/Verticalmenu/img4.gh.png" alt="Register" />عضویت</a></li> <li><a href="/login" class="with_img_16 with_arrow" title="Login"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/Verticalmenu/img5.gh.png" alt="Login" />ورود</a> <ul class="img_16"> <li><a href="/panel" class="with_img_16 with_arrow" title="Panel"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/Verticalmenu/img6.gh.png" alt="Panel" />پنل کاربری</a> <ul class="img_16"> <li><a href="/logout" class="with_img_16" title="Logout"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/01/Verticalmenu/img7.gh.png" alt="Logout" />خروج</a></li> </ul></li> </ul></li> </ul></li> </ul> </div> <style> #mbmcpebul_wrapper { float: right; } </style>

ارسال نظر برای این مطلب

رمان

دانلود رمان

منو افقی و عمودی زیبا برای سایت