متصفحي : عدد المساهمات : 78 رتبتك : 193 معجب بموضيعك : 0 اشتركت : 08/04/2008 مضى من عمري : 25
المزيد عني !
العضو يختار شعاره الخاص في اعلى المساهمات موضوع: العضو يختار شعاره الخاص في اعلى المساهمات الجمعة نوفمبر 11, 2022 12:08 pm السلام عليكم ورحمة الله وبركاتة,
العضو يختار شعاره الخاص في اعلى المساهمات.
مثال في الصور
--------------------------------------تتذكرو كود الجافا الي عمله اخونا عمر بوب لاخر زيارة في البروفايل ,انا اخذت الكود وعملت عليه تعديلات واضفت اليه 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 لعمله كود الجافا للزياراتاللي قدرنا نعدله ونعمل منه هذا الميزة الجديده |
|