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

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

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
423
مستوى التفاعل
488
النقاط
63
الإقامة
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
المشاركات
1,250
مستوى التفاعل
1,031
النقاط
113
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي @shqawe
درس جميل و تعديل انيق ..
هل الدرس يطبق فقط على message_macros أم ايضا على post_macros
 

SAEED M SALLAM

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
204
مستوى التفاعل
145
النقاط
43
عاشت ايدك يامبدع
بانتظار المزيد من الابداعات والاثراء.
لك كل الود
 

MesterPerfect

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

shqawe

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

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

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

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

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

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

أبو عبدالله

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

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

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

دمت بود :)
 

shqawe

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

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

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

المواضيع
528
المشاركات
3,883
الأعضاء
186
آخر عضو مسجل
walid9253
أعلى