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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
FANSUBAR
 
 
FANSUBAR


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

كيف اجعل الاقسام على هذا الشكل Empty
مُساهمةموضوع: كيف اجعل الاقسام على هذا الشكل   كيف اجعل الاقسام على هذا الشكل Emptyالإثنين 22 مايو 2017 - 18:50

السلام عليكم 

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

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


عدل سابقا من قبل FANSUBAR في الثلاثاء 23 مايو 2017 - 0:45 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://koreafanz.yoo7.com
JoryAbdallah
 
 
JoryAbdallah


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

كيف اجعل الاقسام على هذا الشكل Empty
مُساهمةموضوع: رد: كيف اجعل الاقسام على هذا الشكل   كيف اجعل الاقسام على هذا الشكل Emptyالإثنين 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
دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
FANSUBAR
 
 
FANSUBAR


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

كيف اجعل الاقسام على هذا الشكل Empty
مُساهمةموضوع: رد: كيف اجعل الاقسام على هذا الشكل   كيف اجعل الاقسام على هذا الشكل Emptyالإثنين 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
دمتم بخير

صويت المطلوب ولكن لم تنجح معي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://koreafanz.yoo7.com
JoryAbdallah
 
 
JoryAbdallah


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

كيف اجعل الاقسام على هذا الشكل Empty
مُساهمةموضوع: رد: كيف اجعل الاقسام على هذا الشكل   كيف اجعل الاقسام على هذا الشكل Emptyالإثنين 22 مايو 2017 - 23:46

اهلا اخي
الكود يشتغل وجربته لكنك لم تتقن عمله
تفضل شرح اخر
https://help.ahlamontada.com/t888052-topic
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
FANSUBAR
 
 
FANSUBAR


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

كيف اجعل الاقسام على هذا الشكل Empty
مُساهمةموضوع: رد: كيف اجعل الاقسام على هذا الشكل   كيف اجعل الاقسام على هذا الشكل Emptyالثلاثاء 23 مايو 2017 - 0:44

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://koreafanz.yoo7.com
 
كيف اجعل الاقسام على هذا الشكل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيف اجعل ازرار المنتدى بهذا الشكل
» كيف اجعل تصميم منتدايا هكذا (مثل هذا الشكل)
» كيف اجعل المنتدى بهدا الشكل
» كيف اجعل اقسام بهدا الشكل
» طلب كود الاقسام بهذا الشكل

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"-
انتقل الى: