-->

تخصيص وجعل صفحة المواضيع والصفحات الثابتة بعرض المدونة



مرحبا بكل زائر ومتابع عدنا لكم من جديد مع درس جديد ومن طلبات الأعضاء لتخصيص وجعل صفحة المواضيع و الصفحات 

المثبتة بعرض محدد أو عرض كامل للمدونة سأقوم بشرح لكم الطريقة بحيث سنتخلص من السيدبار لكي نعطي مساحة كافية 

للعرض لمن يريد تخصيص الصفحات الثابتة وحدها فقط كما بالمدونة المعاينة 

فسنحتاج فقط لكود واحد لمن يريد تطبيق العرض للمدونة و الصفحات فسيضيف الكودين بإثنين ولكي أعطيكم توضيح كامل 

سأدخل لشرح مباشرة 

 دائما خد نسخة إحتياطية للقالب قبل التعديل



شرح طريقة التركيب


1 . نتوجه لقالب >> تحرير 


2. ابحث بإستعمال CTRL+F عن :  <head/>

*  الكود الأول لجعل  صفحة المواضيع بعرض المدونة

3. ضع الكود التالي قبله [ فوقه]


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.sidebar,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>

* في الكود يوجد.sidebar,.footer

أمامهم يوجد : {display:none;}

ذلك الكود وظيفته إخفاء العناصر مثل السيدبار إذا أردت إظهار الفوتر . قم بحذف العنصر footer.


الأمر يحتاج دراية بسيطة بالاكواد و الوسوم لذا لمن واجهته مشكلة فإطرحها بالتعليقات وسيتم حلها بإذن الله



الأن سنمر لطريقة جعل الصفحات الثابتة بعرض المدونة


2. ابحث بإستعمال CTRL+F عن :  <head/>

*  الكود الثاني لجعل  الصفحات الثابتة بعرض المدونة

3. ضع الكود التالي قبله [ فوقه]



 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<style>


.sidebar,.footer {display:none;}


#main-wrapper{width: 99%; float: none; margin: 0px auto;}


html {overflow-x: hidden;}


.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}


</style>


</b:if> 


أيضا تطبق نفس الخاصية إذا أردت حذف شيئ ما وذلك عبر وضع الكود وراء {display:none

كما ذكرة سابقا لمن لم يفهم شيئ يطرح السؤال في التعليقات

ليست هناك تعليقات :

إرسال تعليق

=a= =b= =c= =d= =e= =f= =g= =h= =j= =k= =l= =m= =n= =o= =p= =q= =w= =x= =y= =z=