كيف اجعل الاقسام على هذا الشكل

السلام عليكم 

كيف اجعل الاقسام الفرعية على هذا الشكل 

تفضل
الاقسام الفرعية بشكل جديد لجميع النسخ
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود جافا سكربت يقوم على ترتيب الاقسلم الفرعية حسب الترتيب الذي ترونة مناسب
صورة لعمل كود الجافا 

https://i.imgur.com/DlQ1Xfv.png
طريقة عمل الكود 
اذهب إلى لوحة الإدارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب index_box
ونبحث عن 

الكود:


{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


ونستبدله ب 

الكود:


<div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


ثم سجل وانشر ..
ثم نذهب الى لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل
اكواد javascript اختار نعم وسجل ثم انشاء كود الاسم اي شئ اختار صفحة الرئيسية والصفحات ثانوية
وضع الكود الاتي

الكود:


  
$(function() {  
  var sep = '/', max_by_line = 3;
  $('.s_forum').each(function() {  
    var nth = 0;  
    $('a.gensmall', this).each(function(){  
      var next = this.nextSibling;
      if (next && next.nodeType == 3 && next.nodeValue == ", ") {  
        if (++nth % max_by_line) $(next).replaceWith(sep);
        else $(next).replaceWith('<br>');
      }  
    });  
  });  
});


الان مكان تغيير للشكل مناسب لك
 

الكود:


var sep = '/', max_by_line = 3;

دة كود جافا نقوم بتغيير الرقم 3 الى الرقم وشكل الذي نريدة

شكل رقم 3

https://i.imgur.com/xge8a0m.png
شكل رقم 2

https://i.imgur.com/EHPZtKi.png
شكل رقم 1

https://i.imgur.com/aYk9N0Q.png
دمتم بخير

JoryAbdallah كتب:تفضل
الاقسام الفرعية بشكل جديد لجميع النسخ
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود جافا سكربت يقوم على ترتيب الاقسلم الفرعية حسب الترتيب الذي ترونة مناسب
صورة لعمل كود الجافا 

https://i.imgur.com/DlQ1Xfv.png
طريقة عمل الكود 
اذهب إلى لوحة الإدارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب index_box
ونبحث عن 

الكود:


{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


ونستبدله ب 

الكود:


<div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


ثم سجل وانشر ..
ثم نذهب الى لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل
اكواد javascript اختار نعم وسجل ثم انشاء كود الاسم اي شئ اختار صفحة الرئيسية والصفحات ثانوية
وضع الكود الاتي

الكود:


  
$(function() {  
  var sep = '/', max_by_line = 3;
  $('.s_forum').each(function() {  
    var nth = 0;  
    $('a.gensmall', this).each(function(){  
      var next = this.nextSibling;
      if (next && next.nodeType == 3 && next.nodeValue == ", ") {  
        if (++nth % max_by_line) $(next).replaceWith(sep);
        else $(next).replaceWith('<br>');
      }  
    });  
  });  
});


الان مكان تغيير للشكل مناسب لك
 

الكود:


var sep = '/', max_by_line = 3;

دة كود جافا نقوم بتغيير الرقم 3 الى الرقم وشكل الذي نريدة

شكل رقم 3

https://i.imgur.com/xge8a0m.png
شكل رقم 2

https://i.imgur.com/EHPZtKi.png
شكل رقم 1

https://i.imgur.com/aYk9N0Q.png
دمتم بخير

صويت المطلوب ولكن لم تنجح معي

اهلا اخي
الكود يشتغل وجربته لكنك لم تتقن عمله
تفضل شرح اخر
https://help.ahlamontada.com/t888052-topic