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

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

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


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

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


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

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


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

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


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

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