اهلا بكم زوار مدونة محترف الكمبيوتر في موضوع جديد لطالما احتاجه كل مدون على منصة بلوجر وهو انشاء قوائم افقية بشكل جميل , لذا سنقوم اليوم بطرح مجموعة من القوائم الافقية المصنوعة بتقنية الCSS ويمكنك اختيار ما يناسبك .
قبل ان نبدأ عليك ان تعرف نقطتين مهمتين لكل يسهل عليك الامر .. نحن سنضع لكل قائمة اكود الCSS الخاصة بكل قائمة وايضا اكود الHTML الخاصة بكل قائمة ومعاينة لكل قائمة لذا عليك ان تعرف اين يتم وضع اكواد الCSS داخل قالبك واين يتم وضع اكواد الHTML
- ◄لاضافة اكواد الCSS نبحث(CTRL+F) عن هذا الوسم ]]></b:skin> ونضع اكواد الCSS فوقه مباشرة(قبله)
- ◄اما اكواد الHTML اضافتها حسب رغبتك ولنفرض انك ستضعهم في اعلى مدونتك
- ◄قم بالدخول الى تعديل HTMl ثم قم بالبحث(CTRL+F) عن هذا الوسم <div id="header-wrapper"> وضع اكواد الHTML تحته مباشرة وهنا تختلف الاوسمة والاكواد من قالب لاخر لذا لا استطيع تحديد طريقة محددة لكل القوالب ولكن يمكنك وضع تعليق برابط مدونتك اسفل التدوينة وسأخبرك باين تضع الكود بالضبط
- ◄قم باستبدال كلمة تعديل بالاسم الذي تريد ان يظهر في القائمة
- ◄قم باستبدال ال# بالرابط الذي تريد التوجه اليه عند الضغط على القائمة
1- قائمة افقية بلون ذهبي يمكن تقسيمها داخليا للمعاينة من هنااكواد الCSS
2- قائمة سوداء للمعاينة من هنا اكواد الCSS
اكواد الHTML
3-قائمة زرقاء للمعاينة من هنااكواد CSS
اكواد HTML
4-قائمة برتقالبة مبومة للمعاينة من هنااكواد الCSS
اكواد الHTML
5-قائمة حمراء متعددة المستويات للمعاينة من هنا اكواد الCSS
اكواد الHTML
اتمنى ان يكون الشرح بسيط وسهل التطبيق. يمكنك الحصول على مزيد من أشكال القوائم الافقية من هنا
