المجاني
مولد الأكورديون CSS
أنشئ أكورديون CSS/HTML/JavaScript مخصص بسهولة. اختر عدد الأقسام، الألوان، أيقونات الفتح والإغلاق، واحصل على الكود الجاهز مع معاينة مباشرة. يمكنك تخصيص العناوين والمحتوى لكل قسم.
معلومات إضافية : يتم إنشاء الأكورديون باستخدام HTML وCSS وJavaScript نقي. يمكنك تخصيص الألوان والأيقونات ونمط الانتقال. الكود الناتج مستقل ولا يحتاج إلى مكتبات خارجية.
كود HTML/CSS/JavaScript الناتج
يتم إنشاء الأكورديون باستخدام HTML وCSS وJavaScript خالص. يمكنك نسخ الكود ولصقه في أي صفحة ويب. الكود يعمل على جميع المتصفحات الحديثة.
كيفية استخدام مولد الأكورديون
- عدد الأقسام : حدد عدد عناصر الأكورديون (بحد أقصى 10).
- تخصيص الألوان : اختر ألوان الخلفية والنص للعنوان والمحتوى.
- أيقونات الفتح والإغلاق : اختر الأيقونات المناسبة من القائمة.
- نصف قطر الإطار : تحكم في استدارة زوايا الأكورديون.
- تخصيص العناوين والمحتوى : بعد تغيير عدد الأقسام، ستظهر حقول لإدخال العناوين والمحتوى لكل قسم.
- اضغط "إنشاء الأكورديون" : ستعرض الأداة معاينة حية وكود HTML/CSS/JavaScript جاهز للنسخ.
- نسخ الكود : استخدم زر "نسخ الكود" للحصول على الكود الكامل.