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

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

این کد منو بیشتر برای کسایی که طراحی قالب انجام میدن یا قالب های 404 استفاده میشود

خب کسایی که نمیدونن منو چی هست دمو (پیشنمایش) رو نگاه کنن متوجه میشن

برای دیدن دمو کلیک کنید

توضیحات در مورد دمو: شما پس زمینه در دمو مشاهده میکنید این پس زمینه رو خودم گذاشتم و این کدی به بهتون میدم فقط منو هست و بدون بکگراند هست

خب بریم سر کد

اولین کد رو در هد قالب یعنی <haed>

یا قبل از این </haed>

قرار بدین

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

این کد در رزبلاگ تست شد و مشکلی نداشت اگه شما در بلاگفا گذاشتین و مشکلی داشت در نظرات اعلام کنید تا مشکلتون حل کنیم

کد:

<style> body{ } ul,li{ list-style:none; } .nav{ display:inline-block; border-radius:15px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,0.3) inset,0px -1px 2px rgba(255,255,255,1) inset; } .nav ul{ border-radius:10px; overflow:hidden; box-shadow:0px 2px 7px rgba(0,0,0,0.3); } .nav-menu{ float:left; border-right:1px solid #c4c4c4; } .nav-menu:last-child{ border-right:0; } .nav-menu a{ display:block; padding:20px; font-family:"b yekan", "Helvetica Rounded", Arial, sans-serif; background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(214, 214, 214, 1) 100%); text-decoration:none; color:#383838; font-size:16px; font-weight:bold; text-shadow:0 1px 2px rgba(255,255,255,1); width:90px; text-align:center; border-top:1px solid #fff; border-left:1px solid #fff; } .nav-menu:first-child a{ border-left:0; } .nav-menu a:hover{ background: linear-gradient(to bottom, rgba(219, 219, 219, 1) 0%, rgba(199, 199, 199, 1) 100%); color:#B8FF00; text-shadow:0 1px 2px #549C11,0 0 1px #6ADB00,0 0 5px #B8FF00,0 0 10px #A8E900; } </style>

کد دوم

این کد دومی رو جایی که میخواهید به نمایش در بیاد مثلا بالای بالا یا پایین قالب یا هر جایی که میخواهید نمایش داده بشه

من توی دمو کد دومی رو بالای بالا قرار دادم و منو ها بالا قرار گرفت

بستگی به خودتون داره

کد:

<div class="nav"> <li class="nav-menu"><a href="http://20-abzar.rzb.ir/">طراح منو</i> <li class="nav-menu"><a href="http://20-abzar.rzb.ir/contact">تماس با ما</a></li> <li class="nav-menu"><a href="http://20-abzar.rzb.ir/forum">انجمن</a></li> <li class="nav-menu"><a href="http://20-abzar.rzb.ir">صفحه اصلی </a></li> </div>

توضیحات در مورد این منو:

این کد رو وقتی قرار دادین ادرس صفحه اصلی و انجمن و تماس با ما رو خودتون تغییر بدین

لطفا لینک طراح منو رو حذف نکنید

حذف کردن لینک ما شرعا حرام و پیگرد قانونی دارد

اگه کد مشکلی داشت در نظرات یا انجمن اعلام کنید تا مشکل برطرف

اگه میخواهید یه منو اختصاصی رایگان داشته باشید در نظرات یا انجمن اعلام کنید

با تشکر از بازدیدتون