إتصل بنا

الاسم

بريد إلكتروني *

رسالة *

أضف قائمة جميلة بتقنية CSS لمدونتك

7 تعليقات
السلام عليكم و رحمة الله تعالى و بركاته.
بالإضافة إلى السليدر و الإعلانات و إضافة المواضيع الأكثر مشاهدة تأتي هذه القائمة لتحتل مكانها تحت الهيدر و فوق رسائل المدونة، هذه القائمة بسيطة جدا بحيث تحتاج إلى تقنية CSS فقط بدون أي سكربتات  التي تزيد من حجم مدونتك بشكل كبير.
هذه الإضافة لا تعمل تلقائيا مما يعني أنه عليك إدخال النصوص و العناوين التي تحتوي عليها يدويا مما يوفر لك حرية التعبير و حرية وضع الروابط في هذه القائمة، يمكنك إستعمالها لعرض مقتطفات من مواضيع مدونتك أو شرح بسيط لأقسام مدونتك يستطيع من خلالها الزائر أخذ فكرة عما يبحث عنه، أو يمكنك حتى جعلها إعلانات نصية لمدونات أخرى.

كيف تبدوا القائمة
هذه صورة بسيطة عنها :


 تستطيع تغيير ألوانها بسهولة .
لمعاينة حية على هذه المدونة من هنـــــــــــــــــــــــــــــا
لمعاينتها على مدونة أخرى ( مدونة تقارب ) من هنـــــــــــــــــــــــــا حيت غير صاحبها بعض الألوان فجعلها متناسقة مع مدونته .
و هناك العديد من المدونات التي تستعملها كـ themeLib.com و غيرها .

دعم المتصفحات

متطلبات التركيب 
قبل تركيب الأداة يجب أن يكون عرض مدونتك مناسبا للأداة، على الأقل أن يكون أكبر من 850 بكسل .
يجب أن يتوفر قالب مدونتك على قائمة أدوات تحت الهيدر مباشرة .

طريقة التركيب
في قائمة تحكم مدونتك توجه إلى تصميم و أضف أدات HTML/Javascript و ألصق فيها الكود الذي ستحصل عليه التالي بعد ملءه بما تريد أن يظهر في القائمة .


كود اللون الأول
كود اللون الثاني
كود لون الخلفية
رابط الخانة الأولى
عنوان الخانة الأولى
نص الخانة الأولى


رابط الخانة الثاني
عنوان الخانة الثاني
نص الخانة الثاني


رابط الخانة الثالث
عنوان الخانة الثالث
نص الخانة الثالث


رابط الخانة الرابع
عنوان الخانة الرابع
نص الخانة الرابع


رابط الخانة الخامس
عنوان الخانة الخامس
نص الخانة الخامس


أنشئ الكود


مساحة إعلانية

تعليقات بلوجر

  1. واااااااااااااااو تسلم ياغالى على الموضوع المميز والله امتعتنا بمواضيعك وبصراحة كلها تستحق ملايين التعليقات ولكن تعمل ايه الكسل !!! ، هههههه ، فى انتظار المزيد منك يا عاشق النت ............

    ردحذف
  2. قائمه روعه وفعلا سهلة التعديل على الوانا وابعادها كمان
    من اجمل القوائم اللي شفتها في حياتي وخلتني استغنى عن السلايد شو
    تسلم ايدك
    متابع لكل مواضيعك الرائعه

    ردحذف
  3. مآ شاء الله عنك
    موضوعك في غآية الروعة وكم فيه من الفآئدة

    ردحذف
  4. اخوي : ماضبط معي اذا جيت انشىء الكود تتحدث الصفحه مباشره قبل انسخ الكود لماذا ؟؟

    ردحذف
    الردود
    1. اترك اصبعك في ctrl
      تم اضغط على "انشئ الكود"

      حذف

لإدخال الأكواد بالتعليقات عليك تحويلها بـأداة ترميز أحرف HTML الخاصة