XF 2.0 و XF 2.1 - اظهار وصف الاقسام الرئيسية بمرور الماوس | زين العربية | XenArabia

XF 2.0 و XF 2.1 اظهار وصف الاقسام الرئيسية بمرور الماوس

SAEED M SALLAM

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
204
مستوى التفاعل
145
النقاط
43
السلام عليكم ورحمة الله وبركاته

تعديل لاخفاء وصف الاقسام الرئيسية واظهاره بمرور الماوس.

مثال:

node description on hover.gif

الشرح:

افتح قالب: Extra.less

اخر القالب ضع الكود التالي:

CSS:
/[B]* Node description only on hover *[/B]/
@media (min-width: @xf-responsiveMedium) {
    .block--category .block-desc {
        float: right;
        opacity: 0;
    }
    .block--category:hover .block-desc {
        opacity: 1;
        color: #fff;
        float: right;
        padding-top: 6px;
        transition: all 0.5s ease-in-out;
    }
}
@media (max-width: @xf-responsiveMedium) {
    .block--category .block-desc {
        display: none;
    }
}
/[B][B]**[/B][/B]/
حفظ القالب.
يمكن تعديل مكان العرض (يمين او يسار) من خلال تعديل:

.block--category .block-desc {
float: right;
opacity: 0;

انتهى

تحيتي
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
452
مستوى التفاعل
500
النقاط
93
الإقامة
K.S.A
رائع جدا ً بارك الله فيك اخوي @SAEED M SALLAM

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,298
مستوى التفاعل
1,047
النقاط
113
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي سعيد على الشرح
لكن وجب ذكر المصدر دائما في مثل هذه الشروحات
حتى لا يكون هناك أي مشكلة مع صاحب الشرح :)
 

SAEED M SALLAM

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
204
مستوى التفاعل
145
النقاط
43
المصدر غير معروف اخي الكريم كونه منتشر على اكثر من موقع وليس حصري
اسعدني مرورك العطر اخي محمد
لك كل الود
 

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

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

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

المواضيع
541
المشاركات
3,976
الأعضاء
188
آخر عضو مسجل
khairanynabil
أعلى