درس
اليوم سأشرح لكم فيه كيفية تقسيم أداة "التسميات / التصنيفات" أقسام
المدونة إلى عمودين أو ثلاث أعمدة، ستحتاجها خصوصا عندما تتجاوز عدد
التصنيفات أكثر من 10 تصنيفـات، ما يجعلها تأخد مساحة
كبيرة تمتد على طول العمود و تشوه شكل القائمة الجانبية ..
طريقة تقسيم أداة "التسميات" أقسام المدونة :
1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.
2- ثم أنقر على "تحرير Html".
* لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ ( تعلم كيف تقوم بأخد نسخة إحتياطية لقالب مدونتك و استرجاعها عند الضرورة ).
3- بعد ذلك اضغط على Ctrl + F للبحث عن اسم أداة التسميات الخاصة بك، في المثال الذي أشرحه سأبحث عن "أقسام المدونة" كما هو موضح في الصورة التالية :
ملاحظة :
* لتقسيم أداة التسميات (أقسام المدونة) إلى ثلاث أعمدة، فقط قم بخفض قيمة width من 45% إلى 33% أو أقل. (لا أنصحك بها إن لم يكن عند sidebar عريض)
في هذا الدرس سأقوم بتطبيق تقسيم أداة "أقسام المدونة" الظاهرة على الصورة التالية إلى عمودين / ثلاث أعمدة :
طريقة تقسيم أداة "التسميات" أقسام المدونة :
1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.
2- ثم أنقر على "تحرير Html".
* لا تنسى أخذ نسخة إحتياطية لقالب مدونتك، لاسترجاعها عند حدوث أي خطأ ( تعلم كيف تقوم بأخد نسخة إحتياطية لقالب مدونتك و استرجاعها عند الضرورة ).
3- بعد ذلك اضغط على Ctrl + F للبحث عن اسم أداة التسميات الخاصة بك، في المثال الذي أشرحه سأبحث عن "أقسام المدونة" كما هو موضح في الصورة التالية :
وذلك لإيجاد id الخاص بأداة التسميات التي نريد أن نطبق عليها الدرس.
إذن الأي دي هنا هو (Label3) كما في الصورة أعلاه.
- ثم ألصق الكود التالي فوقه مباشرة مع تغيير ماهو بالأزرق بـ id الخاص بأداة التسميات بمدونتك :]]></b:skin>
#Label3 ul li{- و قم بحفظ القالب.
float:right;
width: 45%;
}
النتيجة بعمودين هي كالتالي
ملاحظة :
* لتقسيم أداة التسميات (أقسام المدونة) إلى ثلاث أعمدة، فقط قم بخفض قيمة width من 45% إلى 33% أو أقل. (لا أنصحك بها إن لم يكن عند sidebar عريض)
النتيجة بثلاث أعمدة
*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفضه
0 التعليقات :
إرسال تعليق