منو فلت مشکی برای سایت

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

با دو منو فلت مشکی در خدمت شما قالب گرافی های عزیز هستیم .

در منو اول از رنگ مشکی و آبی

و در منو دوم از رنگ مشکی و قرمز استفاده شده

خصوصیات منو :

واکنش گرا

تخت

درای زیر شاخه

افکت زیبا

استفاده از آیکون

و . . .

منو ها از CSS و HTML ساخته شده .

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

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

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

<center> <div id="mbmcpebul_wrapper"> <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu"> <li title="Propaganda"><div class="icon_1 buttonbg" style="width: 101px;"><a href="/آدرس صفحه تبلیغات" class="button_1">تبلیغات</a></div></li> <li title="CHarge"><div class="buttonbg" style="width: 84px;"><a href="/charge" class="button_2">خرید شارژ</a></div></li> <li title="Contact"><div class="icon_3 buttonbg" style="width: 120px;"><a href="/contact">ارتباط با ما</a></div></li> <li><div class="arrow buttonbg" style="width: 70px;"><a class="button_4">سایت</a></div> <ul class="img_30"> <li><a href="/rss.xml" class="with_img_30" title="Rss"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img8-gh.png" alt="Rss" />خوراک</a></li> <li class="last_item"><a href="/sitemap.xml" class="with_img_30" title="SiteMap"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img9-gh.png" alt="SiteMap" />نقشه سایت</a></li> </ul></li> <li><div class="arrow buttonbg"><div class="icon_5"><a class="button_5">کاربری</a></div></div> <ul class="img_30"> <li><a href="/Register" class="with_img_30" title="Register"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img10-gh.png" alt="Register" />عضویت</a></li> <li class="last_item"><a href="/login" class="with_img_30" title="Login"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img11-gh.png" alt="Login" />ورود</a></li> </ul></li> <li title="Forum"><div class="icon_6 buttonbg" style="width: 96px;"><a href="/forum">انجمن</a></div></li> <li title="Home"><div class="icon_7 buttonbg" style="width: 92px;"><a href="/" class="button_7">خانه</a></div></li> </ul> </div> </center>

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

برای درج این منو در سایت یا وبلاگتون کافیست کد زیر رو بعد از تگ <body> به قالبتون اضافه کنید:
<center> <div id="mbmcpebul_wrapper"> <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu"> <li title="Propaganda"><div class="icon_1 buttonbg" style="width: 101px;"><a href="/آدرس صفحه تبلیغات" class="button_1">تبلیغات</a></div></li> <li title="CHarge"><div class="buttonbg" style="width: 84px;"><a href="/charge" class="button_2">خرید شارژ</a></div></li> <li title="Contact"><div class="icon_3 buttonbg" style="width: 120px;"><a href="/contact">ارتباط با ما</a></div></li> <li><div class="arrow buttonbg" style="width: 70px;"><a class="button_4">سایت</a></div> <ul class="img_30"> <li><a href="/rss.xml" class="with_img_30" title="Rss"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img8-gh.png" alt="Rss" />خوراک</a></li> <li><a href="/sitemap.xml" class="with_img_30" title="SiteMap"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img9-gh.png" alt="SiteMap" />نقشه سایت</a></li> </ul></li> <li><div class="arrow buttonbg"><div class="icon_5"><a class="button_5">کاربری</a></div></div> <ul class="img_30"> <li><a href="/Register" class="with_img_30" title="Register"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img10-gh.png" alt="Register" />عضویت</a></li> <li><a href="/login" class="with_img_30" title="Login"><img src="http://up.ghalebgraph.ir/up/galebgraph/authors/ehsan3959/02/img11-gh.png" alt="Login" />ورود</a></li> </ul></li> <li title="Forum"><div class="icon_6 buttonbg" style="width: 96px;"><a href="/forum">انجمن</a></div></li> <li title="Home"><div class="icon_7 buttonbg" style="width: 92px;"><a href="/" class="button_7">خانه</a></div></li> </ul> </div> </center>

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

رمان

دانلود رمان

منو فلت مشکی برای سایت