جعل القوائم قابلة للعمل على الأجهزة الذكية

هل لديك قائمة او تريد تركيب قائمة على قالبك لكنها ليست متجاوبة, هل تريد جعل اى قائمة قابلة للعمل على الاجهزة الذكية ؟

الحل بسيط وبكود سهل التركيب كل ما عليك هو استخدام الكود التالي وستصبح قائمتك قابلة للتشغيل على الهواتف والاجهزة اللوحية وبدون اى مجهود منك

هناك كلمتين في الكود السابق متكررة
واحده باللون الأصفر والثانية باللون الاخضر
التي باللون الأصفر تستبدلها بمعرف قائمتك
توضيح القوائم تبدأ بوسم

قد تجد الوسم مكتوب بهذا الشكل مثلا

ما يهمنا ان يكون هذا الوسم به معرف id
هكذا

ان وجدت المعرف وهو الكلمة بعد id تستبدلها بالكلمة الصفراء
ان لم تجد اضف معرف فقط تكتب بعد ul
id="word" واستبدل word باى كلمة تناسبك
هذا كل شئ طيب ماذا يخص الكلمة الخضراء تخص فقط ان لو لديك قائمتين وستكرر الكود ان تستبدل الرقم 2 فيها بالرقم 3


تنسيقات

ما هو معلم باللون الوردي حجم ونوع الخط
الرقم 100 عرض القائمة
الأرقام الحمراء هي الهوامش الخارجية للقائمة
2 اعلى - 4 يمين - 5 اسفل - 3 يسار
نفس الأمر للأرقام الزرقاء لكنها للهوامش الداخلة للقائمة