الخميس، يونيو 10، 2010

تقسيم التصنيفات الى عمودين

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

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



لاحظ ان اسم التصنيفات يعبر عنها باسم Label2 كما مشار اليه باللون الاحمر ..و قد تجدها باسم Label1 .. انسخها و احتفظ بها ثم ابحث عن:
]]></b:skin>
و اضف فوقها مياشرة هذا الكود :
#Label1 ul li{
float:right;
width: 45%;
}
في حال لم يتم تقسيم التصنيفات الى عمودين فقط غير width في الكود اعلاه الى 40 . ثم اضغط حفظ القالب .
ملاحظة يمكن تطبيق هذه الطريقة على اي قائمة بنفس الاجراء مع مراعاة اسم القائمة .

هناك 34 تعليقًا:

  1. جميل جدا اخي احمد

    بارك الله فيك على الشرخ القيم

    مودتي واحترامي

    ردحذف
  2. روعة و الله ما تقدمه دائما

    ألف شكر لك أخي العزيز

    ردحذف
  3. مبدع كعادتك أخ أحمد .. ودائما تتحفنا بالجديد والجديد .. شكرا يا غالي على الإضافة الجميلة

    مدونة الباسم

    ردحذف
  4. جميل جدا جدا وبارك الله فيك
    لكن كيف يمكن تغيير الوان المدونة

    ردحذف
  5. هل استطيع الحصول على قالبك الجديد

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

    ردحذف
  7. مشكور وبارك الله فيك على الشرح
    وهناك سؤال يدور في ذهني كثير هو كيف اغير الاستايلات الي في المدونة

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

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

    tyrtwhkrwe@yahoo.com

    ردحذف
  10. يعطيك الف الف عافية على الاضافة
    مشكوووووووووووووووووووووووووور وبارك الله فيك
    اخي عندي سؤال وهو عندما توجه الفارة الى الصورة تصبح مخفية وهذا امر جميل كيف اضيفها الى مدونتي

    ردحذف
  11. بارك الله فيك على الشرح الممتاز ...
    نتمنى منك مشاهدت البريد

    ردحذف
  12. يالنسبة للاضافة الخاصة بالصورة التي تختفي عند تمرير الماوس عليها من هنا .
    الاخ مجتبى تم الرد على رسالتك .

    ردحذف
  13. كيف يمكنك تغيير صورة عناوين السايد بار
    وشكرا

    ردحذف
  14. اخي كيف اضيف تويتر مثل الي في بداية المدونة

    ردحذف
  15. بالنسبة لآخر سؤالين لا يمكن الاجابة عليهما هنا على شكل تعليق و لكن ساكتب تدوينة خاصة بهما .

    ردحذف
  16. اخي كيف اضفت هذه (( 15 تعليق على تقسيم التصنيفات الى عمودين )) هذه الاداه لا تنفع الا على الورديس

    ردحذف
  17. تفضل اخي سامر من هنا الاضافة

    ردحذف
  18. مشكور اخي احمد على مساعدتك لي
    وهنك سؤال ثاني اعذرني وهو كيف اختصارت الرابط الطويل يكلمة (((( هنا ))) بهذه الطريق انت لقد اختصرته بثلاثة حروف

    ردحذف
  19. اذهب الى لوحة التحكم ثم رسالة جديدة اختر تحرير HTML و اكتب النص و ظلل الكلمة المراد ربطها بالرابط و اختر رابط ثم ظلل النص كله و الصقه هنا في التعليق سيظهر تلقائيا بهده الطريقة

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

    من هنا

    وشكرا جزيلا للك مرة اخرة تشرفني في المدونة

    ردحذف
  21. شكرا لك موضوع مفيد ومدونة مفيدة

    ردحذف
  22. واو شي رائع بصراحه

    احمد يعطيك العافيه سيدي

    ردحذف
  23. جميل أخي أحمد ولكن للأسف الطريقة لم تعمل معي

    ردحذف
  24. السلام عليكم ورحمة الله وبركاته
    طريقه جميلة ومهمة جدا للتنسيق
    نتمنى منك المزيد من هذه الشروحات

    ردحذف
  25. الطريقة لم تعمل معى ياغالى ممكن تفيدنى باى معلومة علشان تعمل لدى

    ردحذف
  26. كوكتيل

    زد سطراً آخر وهو:

    float: right;

    ثم انتبه لطول مسمياتك !

    أبو صهيب

    ردحذف
  27. لم تنجح الطريقة معي حتى مع اقتراح أبو صهيب

    ردحذف
  28. السلام عليكم ورحمة الله وبركاته

    اخي الكريم ماذا تقصد انسخها و احتفظ بها ثم ابحث عن:

    لاني اضفت الكود بعد ]]> وغيرت الى 40 ولم يحدث شئ.
    http://asirdabe.blogspot.com/

    ردحذف
  29. يؤجى تعديل الكود اخي احمد

    http://www.ar-blogger.com/vb/showpost.php?p=36702&postcount=8

    ردحذف
  30. السلام عليكم
    اخي الكريم
    انا لسه جديد في التدوين
    واريد ان اعمل اقسام للمدونه
    بحيث يكون هناك مثلا قسم للاسلاميات والمرئيات وقسم تعليي مثلا
    فرجو منك المساعدة
    ولك جزيل الشكر
    http://m-alqalam.blogspot.com/

    ردحذف
  31. لم ينجح معى هازا الكود ولا كود مدونه ابو معاذ ارجو حل هازه المشكله لاننى عندى التسميات كثيره وتعرض فى عمود واحد ياريت يكون فيه طريقه اخرى مع تمنياتى للجميع بالتفوق والابداع

    http://fox-egypt.blogspot.com

    ردحذف
  32. السلام عليكم و رحمة الله و بركاتة
    مشكور اخى على الاضافة و احب ان اوضح ان بالنسبة لى لم يعمل الكودبطريقة صحيحة لولا اضافة كود ابو صهيب

    كدة تمام بالنسبة لتقسيم اقسام المدونة الى عمودين

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

    و شكرا جزيلا على الموضوع المتميز
    و سؤال اخر احب ان اعرف اذا حضرتك جاوبتنى على السؤال سوف ترسل لى رسالة على الايميل و لا اية احب ان يصل لى اشعار ان حضرتك جاوبتنى
    واخيرا مشكور جدا
    ولمشاهدة مدونتى التى بها المشكلة من هنا http://allinits.blogspot.com/

    و شكرا جزيلا

    ردحذف
  33. حابيييييييييييييين نشوف الاخبار والمشاركات الجديدة !

    ردحذف