َAVA منوی کشویی با قابلیت مدیریت بینهایت زیر مجموعه می باشد در ساخت این منو از قدرت jQuery بهره گرفته شده و با اکثر مرورگرهای اینترنتی سازگاری دارد. از مزایای منو AVA می توان به حجم بسیار کم و اجرای روان و انعطاف پذیری بسیار بالا در تغییرات اشاره کرد.
برای پیاده سازی منو کافی است فایل های منو را در مکان های مورد نظر در فولدر پوسته سایت کپی کرده و سپس قطعه کد زیر را در قسمت 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 مربوط به منو و در دو مقدار بعدی زمان باز و بسته شدن منو ها را مشخص نمایید.
در صورت مشاهده هرگونه خطا و مشکل در مرورگرهای مختلف لطفا موضوع را گزارش کنید تا بهینه سازی لازم صورت گیرد.
با سلام
این منو افقی شما خوب عمل می کند. ولی ایا راهی هست که به صورت منوی عمودی نیز نمایش داده شود.
برای راحت تر شدن کار مقداری از کاربر بگیرد که ایا منوی عمودی باشد یا افقی، مثل عبارت menuid یا outtime
با سلام
این قابلیت در نسخه جدید اضافه خواهد شد
با تشکر از پیشنهادتون
زیبا بود
من در محیط visual studio در صفحه asp.net همین کار رو کردم ولی error l میده. اگه میشه لطف کنید راهتمایی کنید. باتشکر
چه error میده ؟
آقا ممنون خیلی به درد خورد
با سلام و ممنون از سایت خوبتون من آموزش استفاده از این منو در جوملا را در آدرس زیر قرار داده ام:
http://forum.joomina.ir/thread-12686.html
با سلام
ممنون بابت آموزشتون
میشه رنگهای منوها و زیر منوها را بگی از گجا عوض کنم
باید فایل css رو ادیت کنید برای راحتی کار می تونید از افزونه firebug استفاده کنید تا بدونید کجا رو ادیت کنید
آقای آوانسیان سلام
من از وردپرس استفاده می کنم
فایل رو دانلود کردم(آیا این فایل یک پلاگین وردپرس است؟)
اون کد رو هم در محل مورد نظر اضافه کردم ولی کاری انجام نشد
منظور از این متن چیست ؟
“برای پیاده سازی منو کافی است فایل های منو را در مکان های مورد نظر در فولدر پوسته سایت کپی کرده”
منتظرم . ممنون
با سلام
در مورد فایل های دانلودی این فایل ها پلاگین نیستن و در واقع فایل های مورد نیاز برای اجرا شدن منو ها می باشند که باید در داخل فایل تمپلیت قرار بگیرند ( آدرس فولدر تمپلیت در وردپرس wp-content/themes ) و در قسمت head پوسته فراخوانی شوند که معمولا در پوسته های وردپرس قسمت head در فایل header.php قرار دارد. پس از انجام این کار برای درج منو های ایجاد شده در قسمت ( فهرست های ) مدیریت وردپرس می توانید از تابع wp_nav_menu وردپرس استفاده نمایید. البته باید توجه نمایید که حتما id منوی ایجاد شده با این قسمت کد هماهنگ باشد menuid: “ava1”
با سلام میشه یه توضیحی در مورد نصب این منو روی نیوک بدین .
اینکه فایلها رو کجا آپ کنم و اینکه اون کد رو چه تغییری بدم و تو کدوم فایل و کجاش درجش کنم .
دیگه داره اشکم واسه نصب منو در میاد تا هالا 3 یا 4 تا منو پیدا کردم همین مدلی نمیدونم باید چیکار کنم .
با سلام
من با نیوک کار نکردم اما کلا برای فعال کردن منو باید فایل های مورد نیاز رو در قسمت head فراخوانی کنید و فایل ها رو هر جا که میریزین به اونجا لینک کنید بعد هم در قسمتی که تگهای منو ایجاد میشه کلاس مورد نظر رو ایجاد کنید تا منو بر روی اون قسمت فعال بشه
موفق باشید
خیلی ممنون از جوابتون
فقط یه چیزی همین هد( head ) که میگین کجاس تو کدوم فایل ؟
فایل تم ، استایل ، ایندکس ؟
سلام
می باشد که احتمالا داخل فایل ایندکس تمپلیت می باشدمنظور از head تگ html آن یعنی
سلام
عالیه
همه کار رو کردم ولی بدون گرافیک وساده نمایش می ده
سلام
از ابزار firebug استفاده کنید و css رو درست اصلاح کنید تمامی تغیرات قابل اجراست
موفق باشید
سلام عزیز
امیدوارم حالتون خوب باشه
درخواستی داشتم ، اگر امکان داشته باشه ممنون میشم نحوه استفاده از این منو رو توی وردپرس کامل اموزش بدین
منتظر هستم
ممنون
سلام
دوست عزیز عمودی این منو اوکی نشده؟؟
خیر متاسفانه
با سلام
من منوی AVA کشویی را که در سایتان گذاشته هاید استفاده کردم و تمام کارهایی را که گفته بودید را انجام دادم اما وقتی مرورگر(IE , FireFox) را باز می کنم کل منو را به صورت یه لیست درختی رو به پایین نشون میده ایراد از کجاست
سلام
احتمالا فایل css مربوطه خونده نمیشه باید آدرس فایل رو درست کنید
آقا ممنونم از سورس و آموزش. استفاده کردم.
مشکلی داشتم. گاهی اوقات گزینه های منو در زیر اسلایدر قرار میگیرد. چطور میتوانم منو را top of all کنم؟
سلام
این مشکل معمولا در ie اتفاق می افته که شما باید z-index عناصر مربوط به منو را از z-index عناصر اسلایدر بیشتر تعریف کنید تا بالا تر از اسلایدر قرار گیرد
باسلام و تشکر از شما.
من این منو را روی سایت قرار دادم و روی FireFoxx بدون مشکل کار میکنه ولی وقتی با IE8 باز میشه هدر منوها به صورت عمودی زیر هم قرار میگیره و زیر منوی آنها روی هم میفته و عملا فقط یه ستون داریم.میخواستم ببینم باید چکار کننم تا مشکل حل بشه.
با تشکر از شما.
سلام
دموی منو در ie8 مشکلی نداره پس وقتی انتقال بدین به قالب هم نباید مشکلی وجود داشته باشه . من احتمال می دم فایل های jquery یا css اجرا نمیشن. باید ببینم قالب رو تا دقیق بگم شمکل کجاست
درود. ممنون از این پست زیباتون. فقط یک مشکلی هست. من توی محیط ویژوال استودیو 10، خیلی راحت از این منو استفاده کردم و جواب گرفتم. اما وقتی سایتم رو آپلود می کنم، طراحی منو به هم می خوره و فقط یک منوی ساده عمودی می بینم. مشکل از کجاست؟
با سپاس فراوان…
آقای آوانسیان، الان که روی IE امتحانش کردم جواب داد اما روی فایرفاکس درست نمیشه. دلیلشو می دونید؟
سلام
احتمالا فایل های css یا javascript درست لود نمیشه باید درستش کنید
سلام ممنون از منوی زیباتون.
من این منو رو تو سایتی که طراحی کردم قرار دادم ولی زیر منو ها زیر اسلاید شو میره و هر چقدر هم z-index را استفاده کردم فایده ای نداشت لطفا راهنمایی کنید
ممنونم
سلام
مشکل از همون z-index هستش باید روش کار کنید تا درست بشه
سعی کنید به تگ های اصلی که منو در آن قرار می گیرد z-index بالا بدید
خدا خیرت بده …
آقای آوانسیان خدا خیرت بده منوی عمودی هم بفرست قربون دستت
مرسی خوشتیپ