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

السلام عليكم

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

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

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

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

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

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

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

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

أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
لا يتم المساعدة على الخاص!

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

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

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

طيب انا لقيت الكود بس مو شغال معي على النسخة الثانية ذا رابط الكود ممكن حد يعدل عليه ويعطيني ياه ؟
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 كتب:

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

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

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

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

كود بسيط css

تفضل

الكود:: a[href="/gرقم المجموعه-group"] {
background: url(رابط الصوره) no-repeat;
display: inline-block;
font-size: 0;
height: الارتفاعpx;
margin-top: 5px;
overflow: hidden;
padding: 5px;
width: العرضpx;
}

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

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

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

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

الكود:: <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>

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

الكود:: <td class="row1"><span class="ginsmall">{LEGEND} : {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%
تم الحل

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

تم حل المشكلة & ينقل للأرشيف.

يرجى مراجعة : قوانين منتدى الدعم

أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
لا يتم المساعدة على الخاص!

» طلب تركيب قالب الاحصائيات
» الاحصائيات اسفل المنتدى
» مشكلة في الاحصائيات المنتدى
» سرعة تفعيل الاحصائيات عبر المنتدى والدليل
» كيف يمكنني ازالة رابط الاحصائيات من اسفل المنتدى