الرئيسية
انشاء منتدى مجانيالعضو يختار شعاره الخاص في اعلى المساهمات
صفحة 1 من اصل 1
العضو يختار شعاره الخاص في اعلى المساهمات
من طرف كونان2000 الإثنين 7 نوفمبر 2022 - 20:28
السلام عليكم ورحمة الله وبركاتة,
العضو يختار شعاره الخاص في اعلى المساهمات.
مثال في الصور
تتذكرو كود الجافا الي عمله اخونا عمر بوب لاخر زيارة في البروفايل
,انا اخذت الكود وعملت عليه تعديلات واضفت اليه css لعمل الميزة الجديده والجميله
وهو ان كل عضو يقدر يختار شعاره في اعلى المواضيع والمساهمات
كما هو في المثال اعلاه
________________
طريقة التركيب
اذهب الى لوحة الادارة > الأعضاء & المجموعات > البيانات الشخصيةثم اضف حقل جديد بالضغط على هذا الزر
ثم ضع الاختيارات كما في الصورة
يجب أن يكون الحقل أعلى القائمة (رقم واحد)كما في الصورة
انسخ والصق الاكواد المناسبة لمنتداك.الاكواد التالية
للنسخه > Phpbb3 :PunBB :Invision :ModernBB :AwesomeBB
----
- الاكواد هنا:
- ابحث عن الجزء التالي في قالب viewtopic_body
- الكود:
<!-- 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
- الكود:
<!-- 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 لعمله كود الجافا للزيارات
اللي قدرنا نعدله ونعمل منه هذا الميزة الجديده
كونان2000-
-
عدد المساهمات : 1129
معدل النشاط : 2152
السُمعة : 163 -
MostWanted, H3RO, Ghostface, omarpop23, Fish Club و ابوعلي2007 يعجبهم هذا الموضوع
مواضيع مماثلة» هل استطيع اجعل العضو يختار توقيعه عند التسجيل
» اقتراح عمل كذا استايل للمنتدى و العضو يختار اللى هو عايزه
» كيف ابقى المساهمات في اعلى الصفحة
» طلب كود بيانات العضو اعلى الموضع
» طلب كود وضع بيانات العضو اعلى المساهمه
» اقتراح عمل كذا استايل للمنتدى و العضو يختار اللى هو عايزه
» كيف ابقى المساهمات في اعلى الصفحة
» طلب كود بيانات العضو اعلى الموضع
» طلب كود وضع بيانات العضو اعلى المساهمه
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Facebook
Twitter
Youtube
