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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف FANSUBAR الإثنين 22 مايو 2017 - 18:50

السلام عليكم 

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

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


عدل سابقا من قبل FANSUBAR في الثلاثاء 23 مايو 2017 - 0:45 عدل 1 مرات
FANSUBAR
FANSUBAR
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 2649
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل الاقسام على هذا الشكل

مُساهمة من طرف JoryAbdallah الإثنين 22 مايو 2017 - 18:57

تفضل
الاقسام الفرعية بشكل جديد لجميع النسخ
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود جافا سكربت يقوم على ترتيب الاقسلم الفرعية حسب الترتيب الذي ترونة مناسب
صورة لعمل كود الجافا 
كيف اجعل الاقسام على هذا الشكل DlQ1Xfv
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
كيف اجعل الاقسام على هذا الشكل Xge8a0m
https://i.imgur.com/xge8a0m.png
شكل رقم 2
كيف اجعل الاقسام على هذا الشكل EHPZtKi
https://i.imgur.com/EHPZtKi.png
شكل رقم 1
كيف اجعل الاقسام على هذا الشكل AYk9N0Q
https://i.imgur.com/aYk9N0Q.png
دمتم بخير
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3030
معدل النشاط : 8173
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل الاقسام على هذا الشكل

مُساهمة من طرف FANSUBAR الإثنين 22 مايو 2017 - 20:24

JoryAbdallah كتب:تفضل
الاقسام الفرعية بشكل جديد لجميع النسخ
السلام عليكم ورحمة الله وبركاته
اقدم لكم كود جافا سكربت يقوم على ترتيب الاقسلم الفرعية حسب الترتيب الذي ترونة مناسب
صورة لعمل كود الجافا 
كيف اجعل الاقسام على هذا الشكل DlQ1Xfv
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
كيف اجعل الاقسام على هذا الشكل Xge8a0m
https://i.imgur.com/xge8a0m.png
شكل رقم 2
كيف اجعل الاقسام على هذا الشكل EHPZtKi
https://i.imgur.com/EHPZtKi.png
شكل رقم 1
كيف اجعل الاقسام على هذا الشكل AYk9N0Q
https://i.imgur.com/aYk9N0Q.png
دمتم بخير

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

ذكر
عدد المساهمات : 93
معدل النشاط : 2649
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل الاقسام على هذا الشكل

مُساهمة من طرف JoryAbdallah الإثنين 22 مايو 2017 - 23:46

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

انثى
عدد المساهمات : 3030
معدل النشاط : 8173
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل الاقسام على هذا الشكل

مُساهمة من طرف FANSUBAR الثلاثاء 23 مايو 2017 - 0:44

تم الحل بواسطة JoryAbdallah شكرا لك

FANSUBAR
FANSUBAR
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 2649
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى