منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

السلام عليكم 

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



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

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

http://koreafanz.yoo7.com

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

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

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

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

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
دمتم بخير


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
الاشراف العام
الاشراف العام

انثى
عدد المساهمات : 4184
معدل النشاط : 5764
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

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

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

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
دمتم بخير

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

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

http://koreafanz.yoo7.com

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

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

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

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
الاشراف العام
الاشراف العام

انثى
عدد المساهمات : 4184
معدل النشاط : 5764
السُمعة : 292

http://taqnyiat.ahlamontada.com/

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

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

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

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

avatar
FANSUBAR
 
 

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

http://koreafanz.yoo7.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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