السلام عليكم ورحمة الله وبركاتة,
العضو يختار شعاره الخاص في اعلى المساهمات.
مثال في الصور
--------------------------------------تتذكرو كود الجافا الي عمله اخونا عمر بوب لاخر زيارة في البروفايل ,
انا اخذت الكود وعملت عليه تعديلات واضفت اليه css لعمل الميزة الجديده والجميله
وهو ان كل عضو يقدر يختار شعاره في اعلى المواضيع والمساهمات
كما هو في المثال اعلاه
________________
طريقة التركيب
اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصية
ثم اضف حقل جديد بالضغط على هذا الزر :plus:
ثم ضع الاختيارات كما في الصورة
يجب أن يكون الحقل أعلى القائمة (رقم واحد)
كما في الصورة
انسخ والصق الاكواد المناسبة لمنتداك.
الاكواد التالية
للنسخه > Phpbb3 :PunBB :Invision :ModernBB :AwesomeBB
----
الاكواد هنا :
ابحث عن الجزء التالي في قالب viewtopic_body
استبدله بـالتالي
Javascript
------------
العنوان : اختيارك
المكان : في المواضيع
الكود
ثم سجل
الكود:
<!-- BEGIN displayed -->
استبدله بـالتالي
الكود:
<!-- BEGIN displayed -->
<p-layer class="po-st">
<div class="pos-t">
<div class="avatark">
{postrow.displayed.POSTER_AVATAR}
</div>
</div>
<div align="center"></div>
<div class="cover"></div>
</p-layer>
Javascript
------------
العنوان : اختيارك
المكان : في المواضيع
الكود
الكود:
$(function() {
$('p-layer.po-st').each(function(){
var cover = $(this).find('a').attr('href'),
covero = $(this).find('.cover');
$.get(cover+'/u' , function(d) {
var coverp = $('#profile-advanced-details dl:first, .profile-advanced-stats:first', d);
if (coverp[0]) {
coverp = coverp.html();
$(covero).append('<div class="user-cover">' + coverp + '</div>');
}
});
console.log(cover);
});
});
document.write('<style type="text/css">
.avatark, pos-t {
display: none;
}
p-layer.po-st img {
border-radius: 30px 30px 0px 0px;
border: solid 2px #c5bbbb;
width: 100%;
height: 130px;
}
p-layer.po-st {
font-size: 0;
}
</style>');
ثم سجل
الاكواد التالية
للنسخه > Phpbb2
الاكواد هنا :
ابحث عن الجزء التالي في قالب viewtopic_body
استبدله بـالتالي
Javascript
------------
العنوان : اختيارك
المكان : في المواضيع
الكود
ثم سجل
الكود:
<!-- BEGIN displayed -->
استبدله بـالتالي
الكود:
<!-- BEGIN displayed -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<p-layer class="po-st">
<div class="pos-t">
<div class="avatark">
{postrow.displayed.POSTER_AVATAR}
</div>
</div>
<div align="center"></div>
<div class="cover"></div>
</p-layer>
Javascript
------------
العنوان : اختيارك
المكان : في المواضيع
الكود
الكود:
$(function() {
$('p-layer.po-st').each(function(){
var cover = $(this).find('a').attr('href'),
covero = $(this).find('.cover');
$.get(cover+'/u' , function(d) {
var coverp = $('#profile-advanced-details dl:first, .profile-advanced-stats:first', d);
if (coverp[0]) {
coverp = coverp.html();
$(covero).append('<div class="user-cover">' + coverp + '</div>');
}
});
console.log(cover);
});
});
document.write('<style type="text/css">
.avatark, pos-t {
display: none;
}
dd {
margin-inline-start: 0px;
}
p-layer.po-st img {
border-radius: 30px 30px 0px 0px;
border: solid 1px#c5bbbb;
width: 100%;
height: 130px;
margin-top: 20px;
}
p-layer.po-st {
font-size: 0;
}
</style>');
ثم سجل
الآن يمكن للمستخدمين اختيار شعارهم من الملف الشخصي
كما في الصورة
وفق الله الجميع
-------------------------------
تم عمل هذه الميزة بواسطة @كونان2000
وطبعا ماننسى شكر اخونا @omarpop23 لعمله كود الجافا للزيارات
اللي قدرنا نعدله ونعمل منه هذا الميزة الجديده