آرتین کریمی
9 ماه پیش توسط آرتین کریمی مطرح شد
5 پاسخ

ساخت دکمه ای که وقتی روش کلیک بشه یه باکس بیاد

سلام. خسته نباشید
من به تازگی میخوام یه سیستم عامل آنلاین بنویسم
که کاربر با کلیک روی یه دکمه بتونه برای یه باکس بیاد بعد وقتی روی دکمه X اون باکس بسته بشه و همینطور ادامه پیدا کنه مشکلم اینه چطوری پیاده سازی کنم؟
@saghari
@ossvahid
@salar.mohammad2013
@Raymond
@arianseyed


ثبت پرسش جدید
محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 9 ماه پیش مطرح شد
1

سلام
شما چیزی میخوایی به اسم مودال (modal)
توی بوت استرپ و خیلی از فریم ورک های css داریمش به صورت پیشفرض
اما ساختنش به صورت دستی خیلی راحت تر از اونیه که فکرش کنی
مرحله اول یه لایه کامل باید بزاری روی صفحه ی خودت مثل **** میمونه
position:absolute به طول و عرض صد کامل
یه رنگ خاکستری طور میدی با opacity کم که بشه المان های خود صفحه رو دید
یه باکس وسطش میزاری که برای این کارم میتونی فلکسش کنی **** رو بهش جاستیفای و الاین سنتر بدی
در نهایت کل کارت یه display:none به صورت پیشفرض میخوره و هر وقت خواستی بازش کنی یه کلاس مثلا active بهش میدی که توش display: block یا flex گزاشتی
برای این که انیمیشن بدی بهشم میتونی از scale:0 به 1 تغییرش بدی مثلا با زمان یک ثانیه
کلیات کار همینه


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
-1

@salar.mohammad2013
سلام خیلی ممنون
فقط بوت استرپ اینو پشتیبانی میکنه؟
اگه میکنه لطف میکنید لینک رو بدید؟
با چند مثال؟


محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 9 ماه پیش مطرح شد
آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 9 ماه پیش مطرح شد
محمد حسین
تخصص : mevn stack
@saghari 9 ماه پیش مطرح شد
0

دقیقا همینه که با display کار کنی که میتونی از vue استفاده کنی اونجا خیلی کارت راحت میشه همه رو با v-if اوکی میکنی دیگه نمیخواد هی با css ور بری


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام