المجاني

الرئيسية

مولد الأكورديون CSS

أنشئ أكورديون CSS/HTML/JavaScript مخصص بسهولة. اختر عدد الأقسام، الألوان، أيقونات الفتح والإغلاق، واحصل على الكود الجاهز مع معاينة مباشرة. يمكنك تخصيص العناوين والمحتوى لكل قسم.

معلومات إضافية : يتم إنشاء الأكورديون باستخدام HTML وCSS وJavaScript نقي. يمكنك تخصيص الألوان والأيقونات ونمط الانتقال. الكود الناتج مستقل ولا يحتاج إلى مكتبات خارجية.
كود HTML/CSS/JavaScript الناتج
يتم إنشاء الأكورديون باستخدام HTML وCSS وJavaScript خالص. يمكنك نسخ الكود ولصقه في أي صفحة ويب. الكود يعمل على جميع المتصفحات الحديثة.

كيفية استخدام مولد الأكورديون

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

أدوات المطور المجانية