المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة اضافة widget او بلوك في القائمة الجانبية للزين فورو بدون هاكات


هيلبرنت
12-06-2016, 09:09 PM
طريقة إضافة بلوك في القائمة الجانبية بدون هاكات
[ اسم الشرح ] : شرح طريقة إضافة بلوك في القائمة الجانبية بدون هاكات
[ الوصف ] : عبر تعديل القوالب فقط ، سنرى في هذا الشرح طريقة جميلة لإضافة بلوك في القائمة الجانبية بألوان الستايل.
[ يتوافق مع اي اصدار ] : جميع الإصدارات: 1.5 XF

الخطوات
أول شيء نقوم بإنشاء قالب جديد، ومن أجل ذلك توجه إلى : لوحة الإدارة --> المظهر --> الستايلات والقوالب ( تأكد هنا من إختيارك الستايل المراد التعديل عليه ) --> القوالب --> إنشاء قالب جديد.

http://www.helpernt.com/vb/attachment.php?attachmentid=972&stc=1&d=1508001605


الآن قم بأضافة الكود التالي إلى صفحة إنشاء القالب و أعطه إسم من عندك:
<div class="section">
<div class="secondaryContent">
<h3> هنا ضع عنوان للبلوك </h3>
<p> ضع هنا محتوى البلوك </p>
</div></div> طبعا في الكود أعلاه : بالأحمر هو عنوان البلوك و بالأزرق محتوى البلوك --> غيرهما بما يناسبك


لا تنسى، إضافة إسم للقالب ، في هذا المثال سيكون : helpernt_ads


http://www.helpernt.com/vb/attachment.php?attachmentid=973&stc=1&d=1508001605


الآن وبعدما قمنا بإنشاء القالب الجديد بقي لدينا فقط عملية إظهاره على العارضة الجانبية في المكان الذي نريده.
من أجل ذلك إفتح اى محرر نصوص في جهازك وضع به العبارة التالية :

<xen:include template="Template_Name" />لاحظ أن كلمة : Template_Name يقصد بها إسم القالب اللي سميتها أنا : helpernt_ads
إذن أنت أيضا عليك بتغييرها حسب إسم القالب تبعك الذي إخترته

الآن إفتح القالب : forum_list وأبحث بداخله عن :
<xen:sidebar>
<xen:edithint template="sidebar.css" />أسفلها مباشرة ضع الكود الذي حفظناه من قبل على محرر النصوص مثل برنامج notepad++ :
<xen:include template="Template_Name" /> مع تغيير طبعا كلمة : Template_Name حسب إسم القالب تبعك الذي إخترته

http://www.helpernt.com/vb/attachment.php?attachmentid=974&stc=1&d=1508001605


نتيجة العمل ستكون كالتالي:

http://www.helpernt.com/vb/attachment.php?attachmentid=975&stc=1&d=1508001605




شكرا لكم

abo-karim
12-28-2016, 07:23 PM
شكرا

علطرح

abo-karim
10-14-2017, 08:18 PM
تم تعديل الشرح بما يتناسب مع رويتنا وحتى يصل

لكل عربى لذلك قمنا بدعم الشرح من خلال صور توضح الخطوات

ahmed200
10-24-2017, 01:57 PM
شرح ممتاز

الله يقويكم

samzad
07-19-2018, 09:36 AM
شكرا لك اخى ابوكريم الطريقه تعمل تمام

هيلبرنت
07-25-2018, 10:59 PM
اشكركم جميعا