hellow 8 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 سلام دوستان میخواستم ببیبنم راه های ساخت منو های مثل سایت http://www.p30world.com/ که وقتی سایز صفحه کم میشه به صورت drop down list نشون میده چیهممنون میشم راهنمایی کنید نقل قول لینک به ارسال
alininja 14 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 نمسشه فقط منو ریسپانسیو بشه. باید کل پوسته ریسپانسیو بشه نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 اگر فقط برای منو میخواهید این امکان رو اضافه کنیدکافیه در انتهای کد های سی اس اس قالبتون این کد رو اضافه کنید /* Portrait tablet to landscape and desktop */@media (max-width: 768px) {.menu {}}حالا میتونین اندازه های متفاوت نمایشگر ها رو وارد کنید و نسبت به اون کد مورد نظر منو رو قرار بدین 2 نقل قول لینک به ارسال
A-fshin 1936 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 درود.ایتدا جی کوئری زیر و به جای .top-nav کلاس خودتون رو قرار بدید:jQuery("<select />").appendTo(".top-nav"); jQuery("<option />", { "selected": "selected", "value" : "", "text" : "برو به" }).appendTo(".top-nav select"); jQuery(".top-nav ul li a").each(function() { var el = jQuery(this); jQuery("<option />", { "value" : el.attr("href"), "text" : el.text() }).appendTo(".top-nav select"); }); jQuery(".top-nav select").change(function() { window.location = jQuery(this).find("option:selected").val(); });سپس در فایل استایل بسته به نوع کلاس منوی شما وارد کنید:.top-nav select{display:none}سپس در مدیا کوئری خود برای اندازه مورد نظر وارد کنید :.top-nav ul{display:none}.top-nav select{dipslay:block;width:50%;margin:5px auto;background:#eaeaea;color:#000} 3 نقل قول لینک به ارسال
hellow 8 ارسال شده در شهریور 93 مالک گزارش بازنشر ارسال شده در شهریور 93 درود.ایتدا جی کوئری زیر و به جای .top-nav کلاس خودتون رو قرار بدید:jQuery("<select />").appendTo(".top-nav"); jQuery("<option />", { "selected": "selected", "value" : "", "text" : "برو به" }).appendTo(".top-nav select"); jQuery(".top-nav ul li a").each(function() { var el = jQuery(this); jQuery("<option />", { "value" : el.attr("href"), "text" : el.text() }).appendTo(".top-nav select"); }); jQuery(".top-nav select").change(function() { window.location = jQuery(this).find("option:selected").val(); });سپس در فایل استایل بسته به نوع کلاس منوی شما وارد کنید:.top-nav select{display:none}سپس در مدیا کوئری خود برای اندازه مورد نظر وارد کنید :.top-nav ul{display:none}.top-nav select{dipslay:block;width:50%;margin:5px auto;background:#eaeaea;color:#000}ممنون اونجوری که میخواستم شد فقط یه مشکل داره اونم اونه که منو های زیر مجموعه رو عادی نشون میده کد رو باید چیکار کرد که برای زیر مجموعه ها یک فلش قبلش باشه نقل قول لینک به ارسال
A-fshin 1936 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 اینو تست کنید جای علامت های منفی علامت خودتون رو قرار بدیدjQuery("<select />").appendTo(".top-nav");jQuery("<option />",{selected:"selected",value:"",text:"برو به"}).appendTo(".top-nav select");jQuery(".top-nav ul li a").each(function(){var e=jQuery(this).parents("ul").length-1;var t="";if(e>0){t=" - "}if(e>1){t=" - - "}if(e>2){t=" - - -"}if(e>3){t=" - - - -"}var n=jQuery(this).children("a");jQuery("<option />",{value:n.attr("href"),text:t+n.text()}).appendTo(".top-nav select")});jQuery(".top-nav select").change(function(){window.location=jQuery(this).find("option:selected").val()}); 1 نقل قول لینک به ارسال
hellow 8 ارسال شده در شهریور 93 مالک گزارش بازنشر ارسال شده در شهریور 93 اینو تست کنید جای علامت های منفی علامت خودتون رو قرار بدیدjQuery("<select />").appendTo(".top-nav");jQuery("<option />",{selected:"selected",value:"",text:"برو به"}).appendTo(".top-nav select");jQuery(".top-nav ul li a").each(function(){var e=jQuery(this).parents("ul").length-1;var t="";if(e>0){t=" - "}if(e>1){t=" - - "}if(e>2){t=" - - -"}if(e>3){t=" - - - -"}var n=jQuery(this).children("a");jQuery("<option />",{value:n.attr("href"),text:t+n.text()}).appendTo(".top-nav select")});jQuery(".top-nav select").change(function(){window.location=jQuery(this).find("option:selected").val()});این کار نمیکنه فقط علامت هارو نشون میده و دسته بندی هارو نشون نمیده نقل قول لینک به ارسال
A-fshin 1936 ارسال شده در شهریور 93 گزارش بازنشر ارسال شده در شهریور 93 به این صورت تست کنید کلاس خودتون رو جای کلاس های بنده قرار بدید jQuery("<select />").appendTo(".nav-primary");jQuery("<option />",{selected:"selected",value:"",text:"برو به"}).appendTo(".nav-primary select");jQuery(".nav-primary li").each(function(){var e=jQuery(this).parents("ul").length-1;var t="";if(e>0){t=" - "}if(e>1){t=" - - "}if(e>2){t=" - - -"}if(e>3){t=" - - - -"}var n=jQuery(this).children("a");jQuery("<option />",{value:n.attr("href"),text:t+n.text()}).appendTo(".nav-primary select")});jQuery(".nav-primary select").change(function(){window.location=jQuery(this).find("option:selected").val()}); 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .