icon18_wrench_allbkg

الأحد، 8 سبتمبر 2013

كيفية تقسيم أداة "التسميات" أقسام المدونة إلى عمودين أو ثلاث أعمدة

salamo%2B3alaykom%2B-%2BAfkarPro.blogspot

%D8%AA%D9%82%D8%B3%D9%8A%D9%85+%D8%A3%D8%AF%D8%A7%D8%A9+%D8%A7%D9%84%D8%AA%D8%B3%D9%85%D9%8A%D8%A7%D8%AA+-+%D8%A3%D9%82%D8%B3%D8%A7%D9%85+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A8%D8%B1%D9%88+%D8%A8%D8%B9%D9%85%D9%88%D8%AF%D9%8A%D9%86+-+afkarpro.blogspot.com درس اليوم سأشرح لكم فيه كيفية تقسيم أداة "التسميات / التصنيفات" أقسام المدونة إلى عمودين أو ثلاث أعمدة، ستحتاجها خصوصا عندما تتجاوز عدد التصنيفات أكثر من 10 تصنيفـات، ما يجعلها تأخد مساحة
كبيرة تمتد على طول العمود و تشوه شكل القائمة الجانبية ..
 
في هذا الدرس سأقوم بتطبيق تقسيم أداة "أقسام المدونة" الظاهرة على الصورة التالية إلى عمودين / ثلاث أعمدة :
%D8%AA%D9%82%D8%B3%D9%8A%D9%85+%D8%A3%D8%AF%D8%A7%D8%A9+%D8%A7%D9%84%D8%AA%D8%B3%D9%85%D9%8A%D8%A7%D8%AA+-+%D8%A3%D9%82%D8%B3%D8%A7%D9%85+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A8%D8%B1%D9%88+%D8%A8%D8%B9%D9%85%D9%88%D8%AF+%D9%88%D8%A7%D8%AD%D8%AF+-+afkarpro.blogspot.com

* إن لم تكن مدونتك تتوفر على أداة التسميات فأنصحك بالضغط من هنــا
* إن أردت إخفاء و إزالة العداد الخاص بأقسام مدونتك على البلوجر قم بالضغط هنــا

طريقة تقسيم أداة "التسميات" أقسام المدونة :

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.
2- ثم أنقر على "تحرير Html".
* لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ ( تعلم كيف تقوم بأخد نسخة إحتياطية لقالب مدونتك و استرجاعها عند الضرورة ).

3- بعد ذلك اضغط على Ctrl + F للبحث عن اسم أداة التسميات الخاصة بك، في المثال الذي أشرحه سأبحث عن "أقسام المدونة" كما هو موضح في الصورة التالية :
%D8%AA%D9%82%D8%B3%D9%8A%D9%85+%D8%A3%D8%AF%D8%A7%D8%A9+%D8%A7%D9%84%D8%AA%D8%B3%D9%85%D9%8A%D8%A7%D8%AA+-+%D8%A5%D9%8A%D8%AC%D8%A7%D8%AF+%D8%A7%D9%84%D8%A3%D9%8A+%D8%AF%D9%8A+-+afkarpro.blogspot.com
وذلك لإيجاد id الخاص بأداة التسميات التي نريد أن نطبق عليها الدرس. 
إذن الأي دي هنا هو (Label3) كما في الصورة أعلاه.

4- الآن قم بالضغط على Ctrl + F للبحث السطر التالي :
]]></b:skin>


5- ثم ألصق الكود التالي فوقه مباشرة مع تغيير ماهو بالأزرق بـ id الخاص بأداة التسميات بمدونتك :
#Label3 ul li{
    float:right;
    width: 45%;
}

6- و قم بحفظ القالب.

النتيجة بعمودين هي كالتالي
%D8%AA%D9%82%D8%B3%D9%8A%D9%85+%D8%A3%D8%AF%D8%A7%D8%A9+%D8%A7%D9%84%D8%AA%D8%B3%D9%85%D9%8A%D8%A7%D8%AA+-+%D8%A3%D9%82%D8%B3%D8%A7%D9%85+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A8%D8%B1%D9%88+%D8%A8%D8%B9%D9%85%D9%88%D8%AF%D9%8A%D9%86+-+afkarpro.blogspot.com

ملاحظة :
* لتقسيم أداة التسميات (أقسام المدونة) إلى ثلاث أعمدة، فقط قم بخفض قيمة width من 45% إلى 33% أو أقل. (لا أنصحك بها إن لم يكن عند sidebar عريض)

النتيجة بثلاث أعمدة
%D8%AA%D9%82%D8%B3%D9%8A%D9%85+%D8%A3%D8%AF%D8%A7%D8%A9+%D8%A7%D9%84%D8%AA%D8%B3%D9%85%D9%8A%D8%A7%D8%AA+-+%D8%A3%D9%82%D8%B3%D8%A7%D9%85+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A3%D9%81%D9%83%D8%A7%D8%B1-%D8%A8%D8%B1%D9%88+%D8%A8%D8%AB%D9%84%D8%A7%D8%AB+%D8%A3%D8%B9%D9%85%D8%AF%D8%A9+-+afkarpro.blogspot.com


*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفظه




ـ
img_1315720267_147
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-+afkarpro.blogspot.com

هناك تعليقان (2) :

  1. blank

    الاضافة روعة هنا نفذتها فمدونتى لكن ما ظهرتش ياريت حل

    ردحذف
    الردود
    1. 64300_532520640128630_350925569_n

      هنا لم أعرض كود أي إضافة (لأن الإضافة أصلاً موجودة داخل أدوات البلوجر)،
      فقط قمت بشرح كيفية تقسيم إضافة التسميات إلى عمودين أو ثلاث أعمدة.

      إن كان المشكل لازال مطروحا ، أنا هنا للمساعدة

      حذف

A7dat A9dam Arra2isiya