reza_yki 103 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 سلام من می خوام کاری که در این سایت انجام شده رو انجام بدم نمونه : https://demo.tagdiv.com/newspaper باکس DON'T MISS زرد رنگ اگه دقت کنید در صورت بزرگ یا کوچک کردن صفحه نوشته های قسمت تیتر (منو هاش منظور هست) کم شده و در منو ابشاری قرار میگیره و وقتی صفحه را به حالت قبل بر می گردونی از قسمت ابشاری کم شده و به منوی اصلی اضافه میشه من حدودا قسمت کم کردن از منوی اصلی رو افزودن به قسمت زیر منو رو انجام دادم ولی نمی دونم وقتی صفحه بزرگ میشه چه کدی بزنم کدی که زدم رو در لینک زیر می تونید ببینید دمو :JSFiddle اگه روش بهتری برای این کار می دونید لطفا راهنمایی کنید ممنون نقل قول لینک به ارسال
Mirrajabi 455 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 ببنید این به کارتون میاد ؟ http://jsfiddle.net/vaibviad/hh16upps/5/ یا اینکه کلا منظورتون دقیقا مثل همون سایته؟ 1 نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 در 9 ساعت قبل، Mirrajabi گفته است : ببنید این به کارتون میاد ؟ http://jsfiddle.net/vaibviad/hh16upps/5/ یا اینکه کلا منظورتون دقیقا مثل همون سایته؟ ممنون ولی منظور دقیقا همون نمونه هست نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 دوستان راهی به ذهن شون نمی رسه؟ نقل قول لینک به ارسال
امیر حسین حبیبی 618 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 میشه بیشتر توضیح بدید متوجه نمیشم منظورتونو دقیقا نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 در 11 دقیقه قبل، Fenix.ir گفته است : میشه بیشتر توضیح بدید متوجه نمیشم منظورتونو دقیقا تو پیوست توضیح داده شد نقل قول لینک به ارسال
امیر حسین حبیبی 618 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 خوب شما اینو با سی اس اس CSS3 @media میتونید استایل مختلف بدید بهش که تو ساز مختلف چه اتفاقی براش بیافته نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 (ویرایش شده) در در ۱۳۹۶/۴/۲۱ ه.ش. at 21:22، Fenix.ir گفته است : خوب شما اینو با سی اس اس CSS3 @media میتونید استایل مختلف بدید بهش که تو ساز مختلف چه اتفاقی براش بیافته css محدودیت های خودش رو داره مثلا کاربر عنوانی رو می نویسه که مثلا نصف اون قسمت رو میگیره من نمی خوام به صورت استاتیک بگم مثلا اگه صفحه کوچیک شد فلان تعداد عنوان دیده بشه تو دمو ارسالی هم از css استفاده نشده ویرایش شده تیر 96 توسط reza_yki نقل قول لینک به ارسال
Mirrajabi 455 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 <ul id="menu1"> <li>Home</li> <li>About</li> <li>Products</li> <li>Services</li> <li>Stuff</li> <li>Contact</li> </ul> <ul id="menu2"></ul> <script> $('#menu1 li').each(function(index, elem){ var myposition = $(elem).position(); var mytop = myposition.top; // do the math var hide = (mytop > 0); if(hide){ // move to menu2 menu2array.push($(elem)); }else{ // remove from menu 2 menu1array.push($(elem)); } }); // add to menu1 $(menu1array).each(function(index, elem){ $(elem).appendTo('#menu1'); }); // add to menu2 $(menu2array).each(function(index, elem){ $(elem).appendTo('#menu2'); }); }); </script> <style> #menu1{ margin:0; padding:0; border:solid 1px #f00; position:relative; display:inline-block; } #menu2{ margin:0; padding:0; display:inline-block; } li{ margin:0; display:inline-block; list-style:none; padding:5px 15px; line-height:30px; } #menu2 li{ display:block; } </style> اینم منویی مورد نظر. فقط هر بخش تو فایل خودش قرار بدید. 1 نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 در در ۱۳۹۶/۴/۲۳ ه.ش. at 18:11، Mirrajabi گفته است : <ul id="menu1"> <li>Home</li> <li>About</li> <li>Products</li> <li>Services</li> <li>Stuff</li> <li>Contact</li> </ul> <ul id="menu2"></ul> <script> $('#menu1 li').each(function(index, elem){ var myposition = $(elem).position(); var mytop = myposition.top; // do the math var hide = (mytop > 0); if(hide){ // move to menu2 menu2array.push($(elem)); }else{ // remove from menu 2 menu1array.push($(elem)); } }); // add to menu1 $(menu1array).each(function(index, elem){ $(elem).appendTo('#menu1'); }); // add to menu2 $(menu2array).each(function(index, elem){ $(elem).appendTo('#menu2'); }); }); </script> <style> #menu1{ margin:0; padding:0; border:solid 1px #f00; position:relative; display:inline-block; } #menu2{ margin:0; padding:0; display:inline-block; } li{ margin:0; display:inline-block; list-style:none; padding:5px 15px; line-height:30px; } #menu2 li{ display:block; } </style> اینم منویی مورد نظر. فقط هر بخش تو فایل خودش قرار بدید. من جا گذاری کردم ولی اتفاقی نیوفتاد میشه توضیح بدید نقل قول لینک به ارسال
Mirrajabi 455 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 در 16 دقیقه قبل، reza_yki گفته است : من جا گذاری کردم ولی اتفاقی نیوفتاد میشه توضیح بدید شاید جی کویری کار نکرد، ctrl+u بزنید ببینید جی کویری فراخوانی شده است، هم اینکه می تونید تو حی کویری ی alert بزارید ببینید کار می کنه اصلا، من تست گرفتم درست بود. 1 نقل قول لینک به ارسال
reza_yki 103 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 (ویرایش شده) در 4 دقیقه قبل، Mirrajabi گفته است : شاید جی کویری کار نکرد، ctrl+u بزنید ببینید جی کویری فراخوانی شده است، هم اینکه می تونید تو حی کویری ی alert بزارید ببینید کار می کنه اصلا، من تست گرفتم درست بود. ممنون درست شد کد زیر رو وارد کردم قبل $(window).resize(function() { } تقریبا اون چیزی که می خواستم شد ویرایش شده تیر 96 توسط reza_yki نقل قول لینک به ارسال
Mirrajabi 455 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 در 8 دقیقه قبل، reza_yki گفته است : ممنون درست شد کد زیر رو وارد کردم قبل $(window).resize(function() { } تقریبا اون چیزی که می خواستم شد دیگه چرا تقریبا؟ دقیقا چیزی که می خواستید همین بود. دیگه استایلش فقط موند که با خودتونه. نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .