XF 2.1 - شرح طريقة اظهار بيانات العضو عند مرور الماوس داخل المواضيع مثل منتدى زين فورو العربية | XenArabia | زين فورو العربية

XF 2.1 شرح طريقة اظهار بيانات العضو عند مرور الماوس داخل المواضيع مثل منتدى زين فورو العربية

shqawe

:: طاقم الإشراف ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
83
مستوى التفاعل
116
النقاط
33
الإقامة
K.S.A
بسم الله الرحمن الرحيم

باشرح لكم اليوم طريقة اظهار معلومات العضو الاضافية مثل منتدانا الغالي زين فورو العربية واللي طلبها احد الاعضاء في قسم الطلبات وحبيت اني افيد فيها الكل عسى ان تعم الفائدة ان شاء الله

بداية وقبل اي عمل خذ نسخة من اي قالب قبل ان يتم التعديل عليه لكي لا سمح الله لو حصلت مشكلة يكون عندك نسخة

بسم الله نبدأ الشرح

التعديل كله راح يكون على قالب message_macros

نفتح القالب ونبحث عن :

HTML:
<div class="message-userExtras">
ونستبدله بـ:

HTML:
<div class="message-userExtras" style="display: none;">
ثم ابحث عن

HTML:
<span class="message-userArrow"></span>
    </section>
واضف تحته هذا الكود

HTML:
<xf:js>
$(function(){
    $('.message-user').on('mouseenter', function(){
        $(this).find('.message-userExtras').slideDown('show');
    });
    
    $('.message-user').on('mouseleave', function(){
        $(this).find('.message-userExtras').slideUp('normal');
    });
  });

    </xf:js>

واي سؤال حاضرين للغالين

احترامي وتقديري

اخوكم

شقاوي
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
786
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي @shqawe
درس جميل و تعديل انيق ..
هل الدرس يطبق فقط على message_macros أم ايضا على post_macros
 

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
108
مستوى التفاعل
81
النقاط
28
عاشت ايدك يامبدع
بانتظار المزيد من الابداعات والاثراء.
لك كل الود
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
241
مستوى التفاعل
229
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا أخي الكريم
جزاك الله خيرا على الشرح الرائع
 

shqawe

:: طاقم الإشراف ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
83
مستوى التفاعل
116
النقاط
33
الإقامة
K.S.A
بارك الله فيك أخي @shqawe
درس جميل و تعديل انيق ..
هل الدرس يطبق فقط على message_macros أم ايضا على post_macros
والله يبارك فيك وفي ذريتك ان شاء الله يا مديرنا الغالي

بالنسبة للتطبيق فالتعديل فقط على message_macros لان القالب هذا اصلا ً جزء من قالب post_macros

احترامي وتقديري
اخوك
شقاوي
عاشت ايدك يامبدع
بانتظار المزيد من الابداعات والاثراء.
لك كل الود
حياك الله يالغالي سعيد

وباذن الله نحاول نقدم اللي نقدر عليه

احترامي وتقديري
اخوك
شقاوي
رائع جدا أخي الكريم
جزاك الله خيرا على الشرح الرائع
مرورك الرائع اخوي ماستر والله يجزاني واياك وكل اعضاء المنتدى الخير

احترامي وتقديري
اخوك
شقاوي
 

أبو عبدالله

:: الأعضاء ::
إنضم
2 فبراير 2019
المشاركات
129
مستوى التفاعل
128
النقاط
43
الإقامة
مكة المكرمة
ماشاء الله تبارك الله

منك نستفيد يا بطل وكل الشكر لك

ننتظر ابداعك وتميزك

دمت بود :)
 

shqawe

:: طاقم الإشراف ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
83
مستوى التفاعل
116
النقاط
33
الإقامة
K.S.A
حياك الله اخوي ابو عبد الله نورت الموضوع وشرفته

احترامي وتقديري
اخوك
شقاوي
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

إحصائيات المنتدى

المواضيع
349
المشاركات
2,231
الأعضاء
118
آخر عضو مسجل
sameh
أعلى