طلب قالب الاحصائيات مثل هذا المنتدى

السلام عليكم

عايز قالب الاحصائيات مثل هذا المنتدى
https://onepiecelegacy.foroactivo.com/

عايز اخلي المجموعات على شكل صور ويتكتب تحت كل صورة اسم المجموعة ولما اضغط على الصورة يحولني للمجموعة
+
عايز خلفية للاحصائيات



اما باقي الكود مش مهم

@الطائرالحر
@دمي كتب همي @دمي كتب همي.

اهلا بك اخى 
يرجى البحث أولا فى اقسم 

وان لم تجد ماتطلب يرجى المتابعة وسأقوم بالبحث عن الكود لك أيضا 

Digit@l كتب:اهلا بك اخى 
يرجى البحث أولا فى اقسم 

التقنيات المتقدمة

وان لم تجد ماتطلب يرجى المتابعة وسأقوم بالبحث عن الكود لك أيضا 

ماوجدته للاسف

اب

up

طيب انا لقيت الكود بس مو شغال معي على النسخة الثانية ذا رابط الكود ممكن حد يعدل عليه ويعطيني ياه ؟
https://help.ahlamontada.com/t1095694-topic#4976282

انا ايضا اريده

اذا تقصد انك تحط صور مكان اسماء المجموعات
انا يمكن اقدر ابرمج لك واحد 
لازم تحط رابط منتداك اول

لا هو الكود الاجنبي انه ماسح اسماء المجموعات وواضع صورهم فقط

نوار2000 كتب:اذا تقصد انك تحط صور مكان اسماء المجموعات
انا يمكن اقدر ابرمج لك واحد 
لازم تحط رابط منتداك اول

يب اقصده وهذا الرابط
https://pirates-revo.0wn0.com/

المبدع الخبير كتب:يب اقصده وهذا الرابط
https://pirates-revo.0wn0.com/

سوبت لك واحد
حطه داخل قالب index_body

الكود:


<style>

#groupLegend {
    margin: 3px;
    font-size: 0px;
}
#groupLegend img {
    margin: 3px;
    font-size: 0px;
}
  </style>  

              <script>
                
$(window).load(function() {
$("table.forumline").each(function() {
         $(this).find("b:nth-child(1) > a").html('<img src="https://i.imgur.com/yKDJP9q.png" />');
         $(this).find("b:nth-child(2) > a").html('<img src="https://i.imgur.com/3XQGEdS.png" />');
         $(this).find("b:nth-child(3) > a").html('<img src="https://i.imgur.com/4vm5W9b.png" />');
           $(this).find("b:nth-child(4) > a").html('<img src="https://i.imgur.com/TAb9WSR.png" />');
           $(this).find("b:nth-child(5) > a").html('<img src="https://i.imgur.com/LrmjdU7.png" />');
           $(this).find("b:nth-child(6) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');


    });
});
              </script>


اذا لم يعمل
ضع الكود التالي مكان القديم

الكود:


<style>

#groupLegend {
    margin: 3px;
    font-size: 0px;
}
#groupLegend img {
    margin: 3px;
    font-size: 0px;
}
  </style>

              <script>
             
$(window).load(function() {
$("table.forumline").each(function() {
        $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/yKDJP9q.png" />');
        $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/3XQGEdS.png" />');
        $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/4vm5W9b.png" />');
          $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/TAb9WSR.png" />');
          $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/LrmjdU7.png" />');
          $(this).find("#groupLegend > b:nth-child(2) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');


    });
});
              </script>


نوار2000 كتب:

المبدع الخبير كتب:يب اقصده وهذا الرابط
https://pirates-revo.0wn0.com/

سوبت لك واحد
حطه داخل قالب index_body

الكود:


<style>

#groupLegend {
    margin: 3px;
    font-size: 0px;
}
#groupLegend img {
    margin: 3px;
    font-size: 0px;
}
  </style>  

              <script>
                
$(window).load(function() {
$("table.forumline").each(function() {
         $(this).find("b:nth-child(1) > a").html('<img src="https://i.imgur.com/yKDJP9q.png" />');
         $(this).find("b:nth-child(2) > a").html('<img src="https://i.imgur.com/3XQGEdS.png" />');
         $(this).find("b:nth-child(3) > a").html('<img src="https://i.imgur.com/4vm5W9b.png" />');
           $(this).find("b:nth-child(4) > a").html('<img src="https://i.imgur.com/TAb9WSR.png" />');
           $(this).find("b:nth-child(5) > a").html('<img src="https://i.imgur.com/LrmjdU7.png" />');
           $(this).find("b:nth-child(6) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');


    });
});
              </script>


شكرا الكود اشتغل فعلا بس مافي ايطارات للصور ولما امرر الماوس تظهر اسم المجموعة ؟

المبدع الخبير كتب:شكرا الكود اشتغل فعلا بس مافي ايطارات للصور ولما امرر الماوس تظهر اسم المجموعة ؟

انت ماقلت انك تبي اطارات للصور
لكن انا دخلت منتداك ولقيت انك وضعت اطارات
هل تم الحل ؟

نوار2000 كتب:

المبدع الخبير كتب:شكرا الكود اشتغل فعلا بس مافي ايطارات للصور ولما امرر الماوس تظهر اسم المجموعة ؟

انت ماقلت انك تبي اطارات للصور
لكن انا دخلت منتداك ولقيت انك وضعت اطارات
هل تم الحل ؟

بس القالب اللي انا حاطه محتاج اعدل فيه من القوالب يعني تعديل يدوي مافي شي يحط عليها ايطار بس يكون تلقائي مثل كود الجافا يلي اعطيتني ياه ؟

المبدع الخبير كتب:بس القالب اللي انا حاطه محتاج اعدل فيه من القوالب يعني تعديل يدوي مافي شي يحط عليها ايطار بس يكون تلقائي مثل كود الجافا يلي اعطيتني ياه ؟

يعني تبي كود جديد يكون على الصور اطارات 
+
انت تعطيني رابط منتدى ثم لما اصنع لك كود عليه
تروح وتركب الكود على منتدى غير اللي انت وضعته

نوار2000 كتب:

المبدع الخبير كتب:بس القالب اللي انا حاطه محتاج اعدل فيه من القوالب يعني تعديل يدوي مافي شي يحط عليها ايطار بس يكون تلقائي مثل كود الجافا يلي اعطيتني ياه ؟

يعني تبي كود جديد يكون على الصور اطارات 
+
انت تعطيني رابط منتدى ثم لما اصنع لك كود عليه
تروح وتركب الكود على منتدى غير اللي انت وضعته

عادي راح استخدمه على كل منتدياتي + لما اغير الاستايل بيكون مفيد

بالنسبة لايطار الصور وكذا لاحظت ان مع الكود بالمنتدى الاجنبي في كود css

الكود لم يعمل عندي مبين انه ما يشتغل
على ستايل تومبيلات

المبدع الخبير كتب:عادي راح استخدمه على كل منتدياتي + لما اغير الاستايل بيكون مفيد
بالنسبة لايطار الصور وكذا لاحظت ان مع الكود بالمنتدى الاجنبي في كود css

صنعت لك كود يضع اطار على الصور بنفس لون المجموعه تلقائيا,
كل الي عليك انك تنشئ مجموعه, والصوره والاطار تظهر تلقائيا
وطبعا تقدر تغير الصوره باي صوره انت تحب

ابحث عن هذا الكود في قالب index_body  وحذفه

الكود:


<td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
 </tr>


وحط الكود التالي مكانه

الكود:


<td class="row1"><span class="ginsmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
 </tr>
 <style>

  
.ginsmall img {
    height: 70px;
    width: 70px;
    border: solid 4px;
    margin: 3px;
    font-size: 0px;
}
.ginsmall {
    font-size: 0px;
}
  </style>  

              <script>
                
$(window).load(function() {
$("table.forumline").each(function() {
         $(this).find("b:nth-child(1) > a").html('<img src="https://i.imgur.com/yKDJP9q.png" />');
         $(this).find("b:nth-child(2) > a").html('<img src="https://i.imgur.com/3XQGEdS.png" />');
         $(this).find("b:nth-child(3) > a").html('<img src="https://i.imgur.com/4vm5W9b.png" />');
           $(this).find("b:nth-child(4) > a").html('<img src="https://i.imgur.com/TAb9WSR.png" />');
           $(this).find("b:nth-child(5) > a").html('<img src="https://i.imgur.com/LrmjdU7.png" />');
           $(this).find("b:nth-child(6) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');
           $(this).find("b:nth-child(7) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');
            $(this).find("b:nth-child(8) > a").html('<img src="https://i.imgur.com/4RN4RXh.png" />');    


    });
});
              </script>


العراقي الطائي كتب:الكود لم يعمل عندي مبين انه ما يشتغل
على ستايل تومبيلات

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

كفو والله الكود شغال 100%
تم الحل

@الطائرالحر
مشكور يالغالي