السلام عليكم ورحمة الله وبركاتة,
العضو يختار شعاره الخاص في اعلى المساهمات.
مثال في الصور
تتذكرو كود الجافا الي عمله اخونا عمر بوب لاخر زيارة في البروفايل
,انا اخذت الكود وعملت عليه تعديلات واضفت اليه 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 لعمله كود الجافا للزيارات
اللي قدرنا نعدله ونعمل منه هذا الميزة الجديده
