abolfazl 156 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 سلام دوستان چه جوري ميشه حالت منو يا فهرست زير هدر رو تغيير دادمنظورم از تغيير حالت اينه اگه دقت كنيد وقتي نشانگر روي هركدوم از لينك ها قرار ميگيره بالفرض (صفحه اصلي) اون يه حالتي به خودش ميگيره كه توي سايت ما يه جوري تو سايت هاي ديگه هم يه جوره ديگه...ميخام بدونم چه جوري ميشه اين افكت هاش و تغيير بدم؟اين هم دوتا نمونه:http://p30up.ir/up/4asuxqjgkxhho1aapn4.jpghttp://p30up.ir/up/2q8o0rl2kph0zbs7notd.jpg نقل قول لینک به ارسال
Morteza 34190 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 کلا این نوع نمایش ها از استایل هست.خواصی مثل border-radius برای گوشه گرد کردن و خاصیت hover برای تغییر در موس اور استفاده میشن. 2 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 سلام جواب مرتضای عزیز کامل بود برای اطلاعات بیشتر در بخش آموزش مقالات مربوط به css و css3 را مطالعه کنید و به عنوان منبع آموزشی بسیار معتبر هم به آدرسhttp://www.w3schools.comمراجعه فرمایید 3 نقل قول لینک به ارسال
abolfazl 156 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 دستتون درد نكنه اما خيلي كلي گفتيد كليات و فهميدم براي مثال ميشه چند تا كد و قرار بديد؟يعني چند تا كد مختلف كه باعث تغيير شكل فهرست زير هدر ميشندالان اين كد هدر بندست: http://p30up.ir/up/d9s20kvgacevb8pldksn.txtبراي تغيير حالت منوي زير هدر بايد اين كد ها رو تغيير بدم؟$("#menu li a").hover(function() { // this function is fired when the mouse is moved over $(".out", this).stop().animate({'top': '45px'}, 250); // move down - hide $(".over", this).stop().animate({'top': '0px'}, 250); // move down - show $(".bg", this).stop().animate({'top': '0px'}, 120); // move down - show }, function() { // this function is fired when the mouse is moved off $(".out", this).stop().animate({'top': '0px'}, 250); // move up - show $(".over", this).stop().animate({'top': '-45px'}, 250); // move up - hide $(".bg", this).stop().animate({'top': '-45px'}, 120); // move up - hide }); /* 2nd example */ $("#menu2 li a").wrapInner( '<span class="out"></span>' ); $("#menu2 li a").each(function() { $( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this ); }); $("#menu2 li a").hover(function() { $(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide $(".over", this).stop().animate({'top': '0px'}, 200); // move down - show }, function() { $(".out", this).stop().animate({'top': '0px'}, 200); // move up - show $(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide }); نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 دستتون درد نكنه اما خيلي كلي گفتيد كليات و فهميدم براي مثال ميشه چند تا كد و قرار بديد؟يعني چند تا كد مختلف كه باعث تغيير شكل فهرست زير هدر ميشندالان اين كد هدر بندست: http://p30up.ir/up/d...cevb8pldksn.txtبراي تغيير حالت منوي زير هدر بايد اين كد ها رو تغيير بدم؟$("#menu li a").hover(function() {// this function is fired when the mouse is moved over$(".out", this).stop().animate({'top': '45px'}, 250); // move down - hide$(".over", this).stop().animate({'top': '0px'}, 250); // move down - show$(".bg", this).stop().animate({'top': '0px'}, 120); // move down - show}, function() {// this function is fired when the mouse is moved off$(".out", this).stop().animate({'top': '0px'}, 250); // move up - show$(".over", this).stop().animate({'top': '-45px'}, 250); // move up - hide$(".bg", this).stop().animate({'top': '-45px'}, 120); // move up - hide});/* 2nd example */$("#menu2 li a").wrapInner( '<span class="out"></span>' );$("#menu2 li a").each(function() {$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );});$("#menu2 li a").hover(function() {$(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide$(".over", this).stop().animate({'top': '0px'}, 200); // move down - show}, function() {$(".out", this).stop().animate({'top': '0px'}, 200); // move up - show$(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide});این کدی است که باید به آن استایل بدهید#menu li aاین کد را در فایل style.css پیدا کنید و با استفاده از مراجع بالا محتویاتش در css را تغییر دهیدلازم است ابتدا با کلیت css و ماهیت دستوراتش کامل آشنا شوید و الا کل قالب را به هم خواهید ریختقبل از هربار تغییر از کل محتویات قبلی style.css کپی بگیریدنمونه های آماده ی زیادی از منوهای زیبا را می توانید در سایت زیر بیابید که بعد از فراگیری استایل بندی می توانید جایگزین منوی فعلی کنیدhttp://www.dynamicdrive.com/ 2 نقل قول لینک به ارسال
abolfazl 156 ارسال شده در دی 91 مالک گزارش بازنشر ارسال شده در دی 91 (ویرایش شده) استاد دستتون درد نكنه اما اينا همش انگليسي بود ونتونستم هيچي بفهمم... اگه نمونه ي فارسيش هم موجوده لطفا آدرسش رو به ما بدهيد؟ ویرایش شده دی 91 توسط abolfazl نقل قول لینک به ارسال
Morteza 34190 ارسال شده در دی 91 گزارش بازنشر ارسال شده در دی 91 شما از همون سایت کافیه کدها رو بگیرید و تست کنید.سایت جامع به این گستردگی برای فارسی نداریم. 2 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .