20 أمثلة على مربع اختيار التمهيد المجاني المذهل 2022
نشرت: 2022-01-13كانت هناك عدة مناسبات احتجنا فيها إلى إنشاء مربع اختيار Bootstrap لمشاريع مختلفة عملنا عليها.
وبالتالي ، فقد تركنا مع العديد من القوالب القابلة لإعادة الاستخدام. بدلاً من الاحتفاظ بها لأنفسنا ، قررنا إضافة المزيد وإعطائها جميعًا.
إلى عن على. حر.
بنهاية هذه المجموعة الواسعة ، سيكون لديك بالضبط ما أتيت من أجله هنا في المقام الأول.
قم بتنزيل واحد أو أكثر كما تريد وقم بتضمين مربع اختيار في التطبيق الخاص بك بسهولة.
ملاحظة : إذا كنت ترغب في تعديل مقتطفاتنا المجانية - فابدأ وحقق ذلك.
انتهى اليك.
تحديد مربع V01
مجموعة من مربعات الاختيار الجميلة والملونة التي تناسب أي شيء وكل ما تشتهيه نفسك.
تأتي باللون الأزرق والأخضر والأحمر والأصفر والفيروزي والرمادي وتضمن القدرة الكاملة على التكيف مع الأجهزة المحمولة.
يمكن للمستخدم تحديد كل منهم ، واحد فقط أو خليط ؛ الأمر متروك لك لتحديد المنزل الذي يلزمه الكثير.
مزيد من المعلومات / تنزيل
اختيار V02
لمنح المستخدم فرصة لتحديد رياضته (رياضاته) المفضلة ، سيفي مقتطف مربع اختيار Bootstrap هذا بالغرض.
قبل أن نواصل ، يمكنك استخدام النموذج لشيء آخر أيضًا ، حيث لا داعي للالتزام بالرياضات الثلاث حصريًا.
في حين أن التصميم نظيف للغاية ومحدود ، إلا أنه يحتوي على تخصص واحد. تأتي مربعات الاختيار مع رسوم متحركة أنيقة تعمل على تنشيط تجربة المستخدم.
مزيد من المعلومات / تنزيل
اختيار V03
إنه تأكيد حديث وسهل الاستخدام ومجاني للطلب يتضمن رسومًا متحركة ، لذلك لا يبدو باهتًا للغاية.
يتحول كل زر أيضًا إلى اللون الأصفر بمجرد تحديده. ويمكنك تحديد كليهما.
وغني عن القول ، إذا كنت ترغب في إجراء أي تخصيصات وتحسينات ، فيمكنك القيام بذلك أيضًا.
بمعنى آخر ، إما أن تستخدم الإصدار الجاهز أو قم بتكوين المقتطف بشكل أكبر.
مزيد من المعلومات / تنزيل
اختيار V04
أداة مربع اختيار Bootstrap المجانية هذه مستجيبة ، وتعمل على أحجام شاشة مختلفة بسلاسة. يأتي بتصميم مؤطر ، مما يضمن ظهوره بشكل جميل ، حتى لا يفوت المستخدم ذلك.
علاوة على ذلك ، فإنه يتميز أيضًا بالتحديد المتعدد لاختيار عنصر واحد فقط أو عنصرين أو الثلاثة.
أخيرًا ، تظهر علامة اختيار بسيطة عند التحديد.
مزيد من المعلومات / تنزيل
اختيار V05.0
عندما تبحث عن إضافة مربعات اختيار إلى التطبيق الخاص بك ، لا تبدأ من الألف إلى الياء عندما يمكنك استخدام أي من حلول Bootstrap الخاصة بنا.
تأتي هذه الأشكال والتصميمات المتعددة ، مع الرسوم المتحركة وبدونها ، لذلك هناك شيء للجميع .
هذا هو مربي الحيوانات ، مع تمييز أرجواني وعلامة اختيار متحركة.
مزيد من المعلومات / تنزيل
اختيار V06
يعد مقتطف التبديل المجاني هذا رائعًا لمجموعة من النوايا المختلفة. يمكنك استخدامه كمربع اختيار ، حتى لتشغيل أو إيقاف تشغيل إعدادات وتكوينات مختلفة لتطبيقك.
عندما يكون المفتاح في وضع التشغيل ، يتحول إلى اللون الوردي مع رسوم متحركة صغيرة لطيفة. علاوة على ذلك ، إذا كنت ترغب في تغيير أي شيء (اللون) ، فيمكنك القيام بذلك دون التراجع.
مزيد من المعلومات / تنزيل
اختيار V07
مقتطف تبديل مشابه يعتمد على Bootstrap كما هو مذكور أعلاه ، فقط هذا واحد يأتي مع نصوص في المحول.
إنه بسيط جدًا حيث يتم تشغيله أو إيقاف تشغيله ، اعتمادًا على ما إذا قمت بتحديد أو إلغاء تحديد عنصر التحكم. يتم تشغيله مع الرسوم المتحركة وتغيير اللون عند اختياره.
سيكون تضمينه في تطبيقك سريعًا أيضًا نظرًا للبنية الأساسية المذهلة للأداة.
مزيد من المعلومات / تنزيل
اختيار V08
عند إضافة ميزة إلى موقع الويب أو التطبيق الخاص بك ليختار المستخدم الوضع الليلي أو النهاري ، فأنت بحاجة إلى مفتاح التبديل هذا.
يمكنك الحصول على مفتاحين للتبديل ، مع رمزي القمر والشمس وتغيير اللون (من الرمادي ( الوضع الليلي ) إلى الأصفر ( الوضع النهاري ).
تضمن طبيعته المستجيبة تشغيلًا لا تشوبه شائبة على الأجهزة المحمولة وأجهزة سطح المكتب.
مزيد من المعلومات / تنزيل
اختيار V09
إذا قمت بتتبع قائمة المهام الخاصة بك وتجاوزت المهمة التي تم إجراؤها ، فستكون هناك احتمالات كبيرة بأن تنجز الكثير في يوم واحد أكثر من دونه.
يتميز قالب مربع الاختيار " todo " المجاني بتصميم مبسط مع حدود لكل مهمة وعلامة اختيار وخط يتوسطه خط للعناصر المحددة.
ينتقل النص أيضًا من الأسود إلى الرمادي عند تحديده.
مزيد من المعلومات / تنزيل
اختيار V10
إذا كنت تبحث عن شيء مختلف في هذه المجموعة من قوالب مربعات اختيار Bootstrap ، فهذا هو النموذج الذي يجب ألا تفوته.
كما ترى من لقطة الشاشة ، فهي عبارة عن مقتطف مجاني لمربع اختيار EMOJI بوجه سعيد وحزين.
ما ستستخدمه متروك لك تمامًا. من المهم أن تعرف أنه لا يجب أن تشعر بأي قيود.
مزيد من المعلومات / تنزيل
اختيار V11
يمنحك مقتطف مربع الاختيار المخصص من Bootstrap 4 التحكم الكامل في الطريقة التي ترغب في استخدام علامات الاختيار بها. على سبيل المثال ، يمكنك تعطيل بعضها ، ووضع علامة على بعضها على أنها معطلة ومحددة وغير ذلك.
علاوة على ذلك ، تدعم الأداة أيضًا MULTI-SELECTION لراحتك. قم بتخصيص النص وتعديله وفقًا لذلك وانتقل من هناك.
مزيد من المعلومات / تنزيل
اختيار V12
هذا المقتطف المجاني مشابه جدًا لـ Checkbox V11 ، فقط لأن التصميم مختلف ، حيث يبدو أكثر جرأة. أيضًا ، بدلاً من مربعات الاختيار المستديرة ، يتميز هذا المربع ببدائل مربعة.
ما هو رائع ، كلا مربعي اختيار Boostrap مجانيان ، مما يعني أنه يمكنك اختبارهما أولاً وتحديد الفائز ثانيًا.
لا داعي للقلق أيضًا بشأن الاستجابة بسبب أساس Boostrap.
مزيد من المعلومات / تنزيل
اختيار V13
من مربعات الاختيار المربعة إلى المستديرة ، لدينا جميعًا ثم بعضها. هذا هو الأخير ، وهو يتأرجح في تصميم بسيط ويتكامل بشكل فعال مع التطبيقات والمواقع المختلفة.
يتميز Checkbox V13 بتأثير التمرير ويقدم علامة على مربعات الاختيار معطلة أو معطلة ومحددة في وقت واحد.
كما أنه يدعم التحديد المتعدد ، بحيث يمكن للمستخدمين تحديد خيار واحد أو عدة خيارات.
مزيد من المعلومات / تنزيل
اختيار V14
قائمة مربعات اختيار مريحة وسهلة الاستخدام وقابلة للتكيف للغاية تعتمد على Bootstrap لتطبيقات ومشاريع ومواقع مختلفة.
إذا التزمت بالإعدادات الافتراضية ، فسوف تهز اللون الأرجواني الجميل الذي يجذب العين للغاية .
علاوة على ذلك ، تكون مربعات الاختيار مربعة ذات حواف مستديرة وتتميز بتأثير التمرير عند عدم تحديدها.
مزيد من المعلومات / تنزيل
اختيار V15
هناك دائمًا طريقة لخلط البساطة مع المؤثرات الخاصة بطريقة مريحة ، ويثبت مربع اختيار Bootstrap هذا أنه صحيح.
الميزة الفريدة لهذه الأداة بالتحديد هي كيف يتحول مربع الاختيار إلى علامة اختيار والعكس صحيح. بالإضافة إلى ذلك ، فإنه يحتوي أيضًا على ميزة تعطيل مربعات الاختيار أو تعطيلها ولكن تم تحديدها.
مزيد من المعلومات / تنزيل
اختيار V16
Checkbox V16 هو المقتطف المجاني المثالي الذي يمكنك استخدامه جميعًا لمن يبحث عن مظهر أكثر فانيليا. خانات الاختيار مبسطة ، مع تأثير تحوم وحواف مستديرة. تتوفر أيضًا الخيارات المعطلة والمحددة للتنشيط أو التخطي.
يمكنك أيضًا اختباره على جهاز محمول ، لتشاهد مدى سلاسة أدائه قبل الضغط على زر التنزيل.
مزيد من المعلومات / تنزيل
اختيار V17
يعد قالب الرسوم المتحركة في مربع الاختيار هذا رائعًا لكل من يحب البساطة مع لمسة من الإبداع. بدلاً من العمل عليه من الألف إلى الياء ، يمكنك الآن الاستمتاع بالتنفيذ السلس مع تضمين سريع في مشروعك.
بينما أنت مرحب بك لاستخدام التكوينات الافتراضية ، من حيث الألوان ، يمكنك أيضًا إجراء تعديلات لمطابقتها مع اتجاهات علامتك التجارية.
مزيد من المعلومات / تنزيل
اختيار V18
باستخدام أزرار التبديل هذه ، ستعزز تجربة المستخدم بطريقة ملائمة لتشغيل الأشياء أو إيقاف تشغيلها.
من الخروج إلى التشغيل أو العكس ، يغير مفتاح التبديل اللون بسلاسة ، من الأبيض إلى الأخضر.
كما هو الحال مع بعض القوالب السابقة ، يحتوي هذا أيضًا على خيار لتعطيل المفتاح أو تمييزه على أنه محدد ولكن مع تعطيل وظائفه.
مزيد من المعلومات / تنزيل
تحديد مربع V19
للوهلة الأولى ، هذا والسابق متطابقان تقريبًا ، لكن أداؤهما ليس كذلك. يتميز كل زر تبديل بحركة صغيرة وأنيقة عندما ينتقل من إيقاف التشغيل إلى التشغيل - كما أنه يغير اللون من الضوء إلى الأخضر.
حتى المعوقين يبدون على قيد الحياة عند النقر عليهم ، لكنهم لا يتحولون.
مزيد من المعلومات / تنزيل
اختيار V20
فيما يلي تنوع رائع آخر لقالب تبديل مفتاح التشغيل / الإيقاف استنادًا إلى إطار عمل Bootstrap.
بفضل وظائفه الأنيقة عند التبديل من التشغيل إلى الإيقاف أو العكس ، يحافظ المقتطف المجاني على الأشياء الأساسية مع تأثير لطيف يجعلها فريدة من نوعها.
يمكن للمستخدم اللعب مع الأشخاص النشطين ولكن لا يمكنه تغيير المعوقين أو المعوقين والمعوقين.
مزيد من المعلومات / تنزيل
الإفصاح: تحتوي هذه الصفحة على روابط تابعة خارجية قد تؤدي إلى حصولنا على عمولة إذا اخترت شراء المنتج المذكور. الآراء الواردة في هذه الصفحة خاصة بنا ولا نحصل على مكافأة إضافية للمراجعات الإيجابية.