أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز
السلام عليكم ورحمة الله وبركاته
أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز
___________________________
تظهر العارضة فقط للأعضاء الذين حصلوا على جوائز في بياناتهم الشخصية
مع رقم لعدد الجوائز المحصل عليها
وهذا يعني انه من خلال العارضة فقط يتم معرفة عدد الجوائز لكل عضو
![أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز Icon_biggrin](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
كما في الصورة
![أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز 1-5513](https://i.servimg.com/u/f20/16/85/77/67/1-5513.png)
-----------------------------------------------------
وألان طريقة التثبيت
-------------------------------
-------------------------------
أولا: التعديل في القوالب والتومبيلات
- PunBB-phpBB2-ModernBB:
- ابحث عن الجزء التالي في قالب المواضيع viewtopic_body
- الكود:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.AWARDS}
</div>
واستبدله بالتالي- الكود:
<div class="award-body"></div>
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.AWARDS}
</div>
- phpBB3-Invision:
- ابحث عن الجزء التالي في قالب المواضيع viewtopic_body
- الكود:
<dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.AWARDS}
</dd>
واستبدله بالتالي- الكود:
<div class="award-body"></div>
<dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.AWARDS}
</dd>
- AwesomeBB:
- ابحث عن الجزء التالي في قالب المواضيع viewtopic_body
- الكود:
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
{postrow.displayed.AWARDS}
</div>
واستبدله بالتالي- الكود:
<div class="award-body"></div>
<div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION} box-body">
{postrow.displayed.AWARDS}
</div>
![أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز 2997428975](https://forum.forumactif.com/users/2913/10/00/00/smiles/2997428975.png)
ثانيا: تثبيت الجافا سكريبت
--------------------------
العنوان : اختيارك
المكان : في المواضيع
- الكود:
$(document).ready(function() {
$('.dd_award').each(function() {
var numberOfImages = $(this).find('.award').length;
if (numberOfImages > 0) {
var imageCountElement = $('<div class="award-body1">الجوائز المكتسبة:</div> <div class="award-body2">(' + numberOfImages + ')</div>');
$(this).siblings('.award-body').append(imageCountElement);
}});});
document.write('<style type="text/css">
.award-body {font-size: 14px;font-family: auto;font-weight: 800;color: white;background: #305431;display: flex;justify-content: center;}
.award-body1 {padding: 3px 0;margin-left: 3px;}
.award-body2 {padding: 3px 0;color: #FFC107;}
</style>');
ومبروك عليك العارضة الحديثة
------------------------------------
يمكنك تغيير خلفية العارضة ولونها ولون الرقم من كود الcss الموجود داخل الJavascript,
وفي الختام. وفقكم الله جميعا
______________________________
تمت كتابة هذا البرنامج بواسطة كونان2000
باستخدام AI
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
-----------------------------------------------------------
![أضف عارضة للجوائز المكتسبة مع رقم لعدد الجوائز 410](https://i.servimg.com/u/f35/16/46/77/76/410.png)
ابوعلي البلقاوي, Witcherface و abigan يعجبهم هذا الموضوع
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» كيفية اضافة عارضة فوق خانة الجوائز (الأوسمة)
» اريد كود لعدد الزوار
» كود لعدد الزوار يوميا و شهريا
» طلب كود تومبيلات لعدد زوار القسم
» اعطاء الجوائز
» اريد كود لعدد الزوار
» كود لعدد الزوار يوميا و شهريا
» طلب كود تومبيلات لعدد زوار القسم
» اعطاء الجوائز
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: أكواد الجافا إسكريبت JAVA
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى