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

المبدع الخبير كتب:يب اقصده وهذا الرابط
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>


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

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

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

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

المبدع الخبير كتب:عادي راح استخدمه على كل منتدياتي + لما اغير الاستايل بيكون مفيد
بالنسبة لايطار الصور وكذا لاحظت ان مع الكود بالمنتدى الاجنبي في كود 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>