أثبت وجودك لا تقرأ وترحل



ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى

السلام عليكم ورحمه الله وبركاته فالبداية الشرح حصرى ولن تجده فى اى مكان الا هنا فقط فى معهد هيلبرنت وموضوعنا...

احصائياتى

الردود
19

المشاهدات
6962
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,527

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
12-01-2018, 09:58 PM
المشاركة 1
12-01-2018, 09:58 PM
المشاركة 1
افتراضي طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
السلام عليكم ورحمه الله وبركاته
فالبداية الشرح حصرى ولن تجده فى اى مكان الا هنا فقط فى معهد هيلبرنت وموضوعنا اليوم سيعرفنا كيفية اضافة اوسمة للاعضاء وذلك تلقائيا من خلال عدد مشاركاتهم والدرس سيكون عبارة عن اكواد اينعم اكواد يعنى درسنا سيكون بعيدا كل البعد عن الاضافات والهاكات التى تمثل عبْ على الاستضافة والسيرفر.
[اسم الدرس ]: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى.
[توافق الدرس] : زين فورو الجيل الثانى XF2.X مجرب حتى XF2.0.10.
[الادوات المستخدمة] : مكتبة الخطوط fontawesome الاصدار الرابع 4.7

الخطوات
- ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو message_macros ابحث بداخله عن هذا الكود
كود PHP:
        <div class="message-userDetails">
            <
h4 class="message-name"><xf:username user="$userrich="true" defaultname="{$fallbackName}itemprop="name" /></h4>
            <
xf:usertitle user="$usertag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <
xf:userbanners user="$usertag="div" class="message-userBanner" itemprop="jobTitle" />
            <
xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
        </
div
- ضع اسفله مباشرا هذا الكود
كود PHP:
<!-- this adds the Medal Count-->
                <
div class="MedalH">
                         <
xf:if is="$user.message_count >= 3000">
                        <
div style="margin: 3px;padding: 4px 5px;border: 2px solid #44ff22;border-radius:15%;background:#333;color: #44ff22;display: inline-block;">
                             <
class="fa fa-commenting-o" title="وسام الابداع بلا حدود"></i>
                        </
div>
                        <
xf:if is="$user.message_count >= 2000"/>
                        <
div style="margin: 3px;padding: 4px;border: 2px solid #ff6a00;border-radius:15%;background:#333;color: #f73497;box-shadow: 0 0 5px #800c00;display: inline-block">
                            <
class="fa fa-tripadvisor" title="وسام الابداع"></i>
                        </
div>  
                        <
xf:if is="$user.message_count >= 1000"/>
                         <
div style="margin: 3px;padding: 4px 5px;display: inline-block;border: 2px solid #ff0000;border-radius:15%;background:#333;color: #ff0000;">
                             <
class="fa fa-gitlab" title="وسام الامتياز"></i>
                         </
div>
                        <
xf:if is="$user.message_count >= 500"/>
                         <
div style="margin: 3px;padding: 4px 6px; display: inline-block;border: 2px solid #e9b3f3;border-radius:15%;background:#333;color: #e9b3f3;box-shadow: 0 0 5px #e9b3f3;">
                             <
class="fa fa-connectdevelop" title="وسام التطوير"></i>
                         </
div>  
                        <
xf:if is="$user.message_count >= 250"/>
                         <
div style="margin: 3px;padding: 4px; display: inline-block;border: 2px solid #FF5722;border-radius:15%;background:#333;color: #FF5722;">
                                <
class="fa fa-comments" title="وسام الحضور"></i>
                         </
div>
                        <
xf:if is="$user.message_count >= 200"/>
                         <
div style="margin: 3px;padding: 4px 7px;border: 2px solid #d565e8;border-radius:15%;background:#333;color: #d565e8;display: inline-block;">
                             <
class="fa fa-question" title="وسام اكثر المساعدين"></i>
                        </
div>
                        <
xf:if is="$user.message_count >= 150"/>
                        <
div style="margin: 3px; display: inline-block; padding: 5px 8px;border: 2px solid #ffeb3b;border-radius:15%;background:#333;color: #ffeb3b;">
                             <
class="fa fa-bolt" title="وسام الشجاعة"></i>
                        </
div>  
                        <
xf:if is="$user.message_count >= 100"/>
                         <
div style="margin: 3px;padding: 4px 6px;border:2px solid;border-radius:15%;background:#333;color:cyan;border-right-color: darkcyan;border-bottom-color:darkcyan;display: inline-block;">
                             <
class="fa fa-diamond" title="وسام القلم الذهبى"></i>
                         </
div>
                        <
xf:if is="$user.message_count >= 50"/>
                         <
div style="margin: 3px;padding: 4px 7px;display: inline-block; border: 2px solid #8BC34A;border-radius:15%;background:#333;color: #8BC34A;">
                             <
class="fa fa-plus" title="وسام مبدع على الطريق"></i>
                        </
div
                        <
xf:if is="$user.message_count >= 10"/>
                         <
div style="margin: 3px;padding: 4px 5px; display: inline-block; border: 2px solid #FFCE54;border-radius:15%;background:#333;color: #FFCE54;">
                             <
class="fa fa-credit-card" title="عضو على الطريق!"></i>
                        </
div>
                        </
xf:if>
                </
div>
<!-- 
this adds the Medal Count--> 
- ثم قم بالحفظ
- لاتنسى تغيير قيمة المشاركات بحسب مزاجك.
- تغيير الايقونات حسب مزاجك.

- الخطوة الاخيرة
- ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو extra.less ثم اضف هذا الكود
كود PHP:
.MedalH {
    
displaytable;
    
text-aligncenter;

}
@
media (max-width: @xf-responsiveNarrow)
{
    .
MedalH
    
{
         
displaynone;

    }

- ثم ادخل لوحة التحكم ثم سلم الاعضاء كما بالصورة


- ثم قم بفعل ما فى الصورة




النتيجة


و هنا عندما يحصل على عدد اقصى عدد للمشاركات



ملحوظة مايميز هذا الكود ان جميع الاوسمة تظهر بمجرد حصول العضو على عدد المشاركات الخاص بها (يعنى لو لدينا عضو عدد مشاركاته 10 سيحصل على وسام العشر مشاركات ولما يصبح عدد مشاركاته 50 يحصل على الوسام الخاص بالـــ 50 مشاركة + وسام الخاص 10 مشاركات وهكذا)


قديم 12-01-2018, 10:09 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
لمن اراد الاستغناء عن مكتبة الخطوط ووضع بدلا منها صوره عليه اتباع الاتى
1- قم باستبدال جميع الاكواد اللى على هذا الشكل
كود:
<i class="fa fa-commenting-o" title="وسام الابداع بلا حدود"></i>
- استبدالها بهذا الكود
كود:
<img src="styles/default/xenforo/Medal/msart.gif">
ملحوظة الكود اللى انا وضعه للتوضيح فقط لكن هو صحيح مع الاحذ بعين الاعتبار انشاء فولد اسمه Medal يكون مساره styles/default/xenforo/ ثم تضع به الايقونات الاوسمه اللى عنا انا ذكرها باسم msart.gif ولا تنسى الامتداد بشرط تكون نفس الحجم اللى بالقالب

قديم 12-01-2018, 10:26 PM
المشاركة 3
14SAT
.:: عضو مبدع ::.
  • 14SAT غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
شكرا يا غالي بارك الله فيك

قديم 12-01-2018, 10:42 PM
المشاركة 4
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
بديع شكرا لمشاركتنا الطريقة دائما متميز

قديم 12-02-2018, 12:05 AM
المشاركة 5
ابو شيماء
.:: عضو مشارك ::.
  • ابو شيماء غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
شكرا جزيلا للشرح الوافي

قديم 12-02-2018, 12:13 AM
المشاركة 6
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
الله عليك يا مبدع
رااااائع والله يا أبو كريم
شروحات في غاية الروعة والجمال
بارك الله فيك على طرحها

قديم 12-02-2018, 02:19 AM
المشاركة 7
MEDO3ABED
.:: عضو فعال ::.
  • MEDO3ABED غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
ما شاء الله عليك يابوكريم موضوع وشرح مميز جداً جزاك الله كل خير .

قديم 12-02-2018, 03:37 AM
المشاركة 8
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
سؤال أخي
ما هو الكود ال هنبحث عنه ونضع الكود بعده أو قبله

قديم 12-02-2018, 07:23 AM
المشاركة 9
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
سؤال أخي
ما هو الكود ال هنبحث عنه ونضع الكود بعده أو قبله

عذرا على هذا السهو
تم التحديث راجع الموضوع من جديد

قديم 12-02-2018, 08:34 AM
المشاركة 10
14SAT
.:: عضو مبدع ::.
  • 14SAT غير متواجد حالياً
افتراضي رد: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
اسعد الله صباحكم من فضلك يا غالي ممكن كيفية منحها للبعض الاعضاء فقط ولا اريدها تلقائيا

اضافة رد

العلامات المرجعية

طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x Add] : اضافة اوسمة التميز shqawe اضافات الزين فورو XENFORO 18 10-26-2020 03:36 PM
[XF 2.x] : طريقة اضافة تاثير وميض على زر التسجيل اثناء مرور الماوس شرح للجيل الثانى هيلبرنت ركن شروحات الزين فورو XENFORO 4 02-22-2019 01:29 AM
طريقة تلوين اسم قسم معين للجيل الثانى م \ محمد حمادة ركن مشاكل وطلبات الزين فورو XENFORO 9 01-29-2019 10:28 PM
[ شرح ] : شرح اضافة كود المصدر بداخل الموضوع للجيل الثانى Araby5050 ركن شروحات الزين فورو XENFORO 4 12-27-2018 05:43 PM
[XF 2.x] : طريقة اضافة ابتسامات جديدة لمنتديات الزين فورو الجيل الثانى abo-karim ركن شروحات الزين فورو XENFORO 8 11-30-2018 06:14 PM




الساعة الآن 03:54 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum