1- توجه إلى لوحة التحكم / التنسيق ثم إضافة أداة HTML/JavaScript
2- ألصق هذا الكود:
<div class="widget-content" >
<div style="overflow: auto; width:300px;height:155px ; border: 1px solid #cccccc; padding: 5px; margin-bottom: 10px;
">
<h2 class="title">اسم القائمة </h2>
<ul>
<li> <a href="link"> التصنيف1 <span><br /></span></a></li>
<li> <a href="link"> التصنيف2 <span><br /></span></a></li>
<li> <a href="link"> التصنيف3 <span><br /></span></a></li>
<li> <a href="link"> التصنيف4 <span><br /></span></a></li>
<li> <a href="link"> التصنيف5 <span><br /></span></a></li>
<li> <a href="link"> التصنيف6 <span><br /></span></a></li>
</ul></div></div>
<h2 class="title">اسم القائمة </h2>
<ul>
<li> <a href="link"> التصنيف1 <span><br /></span></a></li>
<li> <a href="link"> التصنيف2 <span><br /></span></a></li>
<li> <a href="link"> التصنيف3 <span><br /></span></a></li>
<li> <a href="link"> التصنيف4 <span><br /></span></a></li>
<li> <a href="link"> التصنيف5 <span><br /></span></a></li>
<li> <a href="link"> التصنيف6 <span><br /></span></a></li>
</ul></div></div>
فقط غير اسم التصنيف واستبدل link بالرابط الخاص به.
height:155px الإرتفاع - width: 300px العرض
ولإضافة المزيد من التصنيفات قم بنسخ الكود التالي:
<li> <a href="link"> التصنيف7 <span><br /></span></a></li>
ولصقه بعد كود التصنيف السادس مباشرة, وتكرره بحسب عدد التصنيفات التي تود إضافتها.
أخى نزار السلام عليكم ورحمة الله وبركاتة نشكر جهودك فى المدونة وحقيقى ياأخى شى ممتاز أخى نزار لى سوال باالنسبة لطريقة اضافة قائمة بسكرول متحرك لاسفل نسخت الكود لكنة لم يعمل معى يمين شمال لم يعمل باالله عليك تشرح الطريقة ثانى
ردحذفاخيك/ طارق فاضل عبد الغنى
مصر / الفيوم
اخى نزار نشكر مجهودك الرائع فى المدونة
ردحذفطارق فاضل عبد الغنى
الفيوم / مصر
جزاك الله خير اضافة جميلة جداً
ردحذفلاكن عندما اضع الروابط واسم التصنيف
لااستطيع الدخول إلى الرابط يظهر لدي اسم التصنيف فقط
هل من طريقة أخي الكريم ؟!
@طارق
ردحذفعدلت على الكود , حاول مرة ثانية وإن شاء الله تضبط معاك ..
@زحَ’ـمةَ حَ’ـڪيّ..||≈
ردحذفآسف ثمة خطأ في الكود وتم تعديله