(۱۳۹۱/۴/۱۱، ۱۷:۲۴:۳۲ عصر)geo نوشته است: (۱۳۹۱/۴/۴، ۱۳:۵۷:۰۸ عصر)geo نوشته است: (۱۳۹۱/۲/۱۵، ۰۷:۵۵:۰۲ صبح)behzad00 نوشته است: چطور میتونم این نوار رو به سمت چپ منتقل کنم ؟
سلام
کسی از دوستان در این خصوص می تونه راهنمایی کنه ؟
سلام
در خصوص انتقال از راست به چپ، کسی از دوستان نظری نداره ؟
و یک مورد دیگه این که :
چه تغییری در کد ها باید ایجاد بشه تا این منو زمانی باز بشه که روی آن کلیک می شود ؟
(در حال حاضر با رفتن موس بر روی آن، اتوماتیک باز میشه)
سلام
در خصوص تغییر نحوه باز شدن منو، بالاخره پس از چندماه با راهنمایی مدیر سایت
نیوکلرن مشکل حل شد.
فقط توی نحوه اعمال این تغییر، کمی سردر گم هستم.
کدهای آقا بهروز بصورت زیر است :
http://jsfiddle.net/3uccK/
تغییر مورد نظر ما این جوری باید اعمال بشه : (منو بصورت اتوماتیک باز نشود و با کلیک موس باز و با کلیک مجدد بسته گردد)
(۱۳۹۱/۹/۱۵، ۰۹:۲۶:۵۷ صبح)Aneeshtan نوشته است: ببینید تو جی کوئری اسلاید چپ و راست نداریم باید شبیه سازی کنیم از تابع انیمیشن
http://jsfiddle.net/NEGfz/3/
برای اعمال این تغییر کدها رو باید به صورتی که در باکس های جداگانه هست تغییر بدهید
فقط در css قالب اون mnue2:hover رو حذف کنید و اسکریپت رو هم جایگزین کنید
که نتیجه این کار بصورت زیر خواهد بود :
http://jsfiddle.net/NEGfz/3/
حالا سوال من اینه که این کد جاوا اسکریپت که اضافه شده (در باکس سمت چپ پایین) را کجا باید قرار بدم.
من به دو روش زیر انجام دادم، ولی نشد :
1- یک فایل ساختم به این اسم : menu-emkanat.js
و کد جاوا اسکریپت زیر که ایشان نوشته بودند را ریختم توش :
کد php:
$(document).ready(function() {
$('.menu2').click(function() {
$(this).animate({
marginLeft: parseInt($(this).css('marginLeft'),10) == 0 ? $(this).outerWidth() : 0
});
});
});
بعد اونو توی مسیر زیر آپ کردم :
domains/irangeotechnic.com/public_html/forums/jscripts
بعد خط زیر را به مسیر زیر اضافه کردم :
( قالب ها>>>قالب مورد نظر>>>header <<<header template )
<script type="text/javascript" src="jscripts/menu-emkanat.js"></script>
2- روش بعدی هم این بود که باز جواب نداد :
همین کد جاوا را دیگه براش فایل نساختم، مستقیم ایجوری وارد کردم :
( قالب ها>>>قالب مورد نظر>>>header <<<header template )
کد php:
<script type="text/javascript">
$(document).ready(function() {
$('.menu2').click(function() {
$(this).animate({
marginLeft: parseInt($(this).css('marginLeft'),10) == 0 ? $(this).outerWidth() : 0
});
});
});
</script>
در صورت امکان در خصوص اصلاح این کدها راهنمایی فرمایید.