AVA = منوی کشویی چند مرحله ای + jQuery + RTL

تاریخ انتشار:

َAVA منوی کشویی با قابلیت مدیریت بینهایت زیر مجموعه می باشد در ساخت این منو از قدرت jQuery بهره گرفته شده و با اکثر مرورگرهای اینترنتی سازگاری دارد. از مزایای منو AVA می توان به حجم بسیار کم و اجرای روان و انعطاف پذیری بسیار بالا در تغییرات اشاره کرد.
AVA menu

پیش نمایش

دانلود

برای پیاده سازی منو کافی است فایل های منو را در مکان های مورد نظر در فولدر پوسته سایت کپی کرده و سپس قطعه کد زیر را در قسمت head سایت قرار دهید

<link rel="stylesheet" type="text/css" href="css/ava.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/ava.min.pack.js"></script>
<script type="text/javascript">
	ava.load({
		menuid: "ava1",
		entrytime: 300,
		outtime: 300
	})
</script>

لازم به توضیح می باشد که در کد بالا در مقابل عبارت menuid می بایست id تگ div مربوط به منو و در دو مقدار بعدی زمان باز و بسته شدن منو ها را مشخص نمایید.

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

35 دیدگاه برای ”AVA = منوی کشویی چند مرحله ای + jQuery + RTL

  1. محسن

    با سلام
    این منو افقی شما خوب عمل می کند. ولی ایا راهی هست که به صورت منوی عمودی نیز نمایش داده شود.
    برای راحت تر شدن کار مقداری از کاربر بگیرد که ایا منوی عمودی باشد یا افقی، مثل عبارت menuid یا outtime

    1. زاره آوانسیان

      با سلام
      این قابلیت در نسخه جدید اضافه خواهد شد
      با تشکر از پیشنهادتون

  2. فرناز

    من در محیط visual studio در صفحه asp.net همین کار رو کردم ولی error l میده. اگه میشه لطف کنید راهتمایی کنید. باتشکر

    1. زاره آوانسیان

      چه error میده ؟

  3. سید مهدی

    آقا ممنون خیلی به درد خورد

  4. روح الله

    با سلام و ممنون از سایت خوبتون من آموزش استفاده از این منو در جوملا را در آدرس زیر قرار داده ام:
    http://forum.joomina.ir/thread-12686.html

    1. زاره آوانسیان

      با سلام
      ممنون بابت آموزشتون

  5. مصطفی

    میشه رنگهای منوها و زیر منوها را بگی از گجا عوض کنم

    1. زاره آوانسیان

      باید فایل css رو ادیت کنید برای راحتی کار می تونید از افزونه firebug استفاده کنید تا بدونید کجا رو ادیت کنید

  6. مهناز

    آقای آوانسیان سلام
    من از وردپرس استفاده می کنم
    فایل رو دانلود کردم(آیا این فایل یک پلاگین وردپرس است؟)
    اون کد رو هم در محل مورد نظر اضافه کردم ولی کاری انجام نشد
    منظور از این متن چیست ؟
    “برای پیاده سازی منو کافی است فایل های منو را در مکان های مورد نظر در فولدر پوسته سایت کپی کرده”
    منتظرم . ممنون

    1. زاره آوانسیان

      با سلام
      در مورد فایل های دانلودی این فایل ها پلاگین نیستن و در واقع فایل های مورد نیاز برای اجرا شدن منو ها می باشند که باید در داخل فایل تمپلیت قرار بگیرند ( آدرس فولدر تمپلیت در وردپرس wp-content/themes ) و در قسمت head پوسته فراخوانی شوند که معمولا در پوسته های وردپرس قسمت head در فایل header.php قرار دارد. پس از انجام این کار برای درج منو های ایجاد شده در قسمت ( فهرست های ) مدیریت وردپرس می توانید از تابع wp_nav_menu وردپرس استفاده نمایید. البته باید توجه نمایید که حتما id منوی ایجاد شده با این قسمت کد هماهنگ باشد menuid: “ava1”

  7. mjb

    با سلام میشه یه توضیحی در مورد نصب این منو روی نیوک بدین .

    اینکه فایلها رو کجا آپ کنم و اینکه اون کد رو چه تغییری بدم و تو کدوم فایل و کجاش درجش کنم .

    دیگه داره اشکم واسه نصب منو در میاد تا هالا 3 یا 4 تا منو پیدا کردم همین مدلی نمیدونم باید چیکار کنم .

    1. زاره آوانسیان

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

  8. mjb

    خیلی ممنون از جوابتون

    فقط یه چیزی همین هد( head ) که میگین کجاس تو کدوم فایل ؟

    فایل تم ، استایل ، ایندکس ؟

    1. زاره آوانسیان

      سلام
      منظور از head تگ html آن یعنی می باشد که احتمالا داخل فایل ایندکس تمپلیت می باشد

  9. حمید

    سلام
    عالیه
    همه کار رو کردم ولی بدون گرافیک وساده نمایش می ده

    1. زاره آوانسیان

      سلام
      از ابزار firebug استفاده کنید و css رو درست اصلاح کنید تمامی تغیرات قابل اجراست
      موفق باشید

  10. سام

    سلام عزیز

    امیدوارم حالتون خوب باشه

    درخواستی داشتم ، اگر امکان داشته باشه ممنون میشم نحوه استفاده از این منو رو توی وردپرس کامل اموزش بدین

    منتظر هستم

    ممنون

  11. محسن

    سلام
    دوست عزیز عمودی این منو اوکی نشده؟؟

    1. زاره آوانسیان

      خیر متاسفانه

  12. محسن ساقی

    با سلام
    من منوی AVA کشویی را که در سایتان گذاشته هاید استفاده کردم و تمام کارهایی را که گفته بودید را انجام دادم اما وقتی مرورگر(IE , FireFox) را باز می کنم کل منو را به صورت یه لیست درختی رو به پایین نشون میده ایراد از کجاست

    1. زاره آوانسیان

      سلام
      احتمالا فایل css مربوطه خونده نمیشه باید آدرس فایل رو درست کنید

  13. امیر

    آقا ممنونم از سورس و آموزش. استفاده کردم.
    مشکلی داشتم. گاهی اوقات گزینه های منو در زیر اسلایدر قرار میگیرد. چطور میتوانم منو را top of all کنم؟

    1. زاره آوانسیان

      سلام
      این مشکل معمولا در ie اتفاق می افته که شما باید z-index عناصر مربوط به منو را از z-index عناصر اسلایدر بیشتر تعریف کنید تا بالا تر از اسلایدر قرار گیرد

  14. صمد نورالهی

    باسلام و تشکر از شما.
    من این منو را روی سایت قرار دادم و روی FireFoxx بدون مشکل کار میکنه ولی وقتی با IE8 باز میشه هدر منوها به صورت عمودی زیر هم قرار میگیره و زیر منوی آنها روی هم میفته و عملا فقط یه ستون داریم.میخواستم ببینم باید چکار کننم تا مشکل حل بشه.
    با تشکر از شما.

    1. زاره آوانسیان

      سلام
      دموی منو در ie8 مشکلی نداره پس وقتی انتقال بدین به قالب هم نباید مشکلی وجود داشته باشه . من احتمال می دم فایل های jquery یا css اجرا نمیشن. باید ببینم قالب رو تا دقیق بگم شمکل کجاست

  15. hk

    درود. ممنون از این پست زیباتون. فقط یک مشکلی هست. من توی محیط ویژوال استودیو 10، خیلی راحت از این منو استفاده کردم و جواب گرفتم. اما وقتی سایتم رو آپلود می کنم، طراحی منو به هم می خوره و فقط یک منوی ساده عمودی می بینم. مشکل از کجاست؟
    با سپاس فراوان…

  16. hk

    آقای آوانسیان، الان که روی IE امتحانش کردم جواب داد اما روی فایرفاکس درست نمیشه. دلیلشو می دونید؟

    1. زاره آوانسیان

      سلام
      احتمالا فایل های css یا javascript درست لود نمیشه باید درستش کنید

  17. nasim

    سلام ممنون از منوی زیباتون.
    من این منو رو تو سایتی که طراحی کردم قرار دادم ولی زیر منو ها زیر اسلاید شو میره و هر چقدر هم z-index را استفاده کردم فایده ای نداشت لطفا راهنمایی کنید
    ممنونم

    1. زاره آوانسیان

      سلام
      مشکل از همون z-index هستش باید روش کار کنید تا درست بشه
      سعی کنید به تگ های اصلی که منو در آن قرار می گیرد z-index بالا بدید

  18. احسان

    خدا خیرت بده …

  19. amid zare

    آقای آوانسیان خدا خیرت بده منوی عمودی هم بفرست قربون دستت

دیدگاه خود را ارسال کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *