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

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

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
186
مستوى التفاعل
137
النقاط
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
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
رائع جدا ً بارك الله فيك اخوي @SAEED M SALLAM

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

XenArabia

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

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
186
مستوى التفاعل
137
النقاط
43
المصدر غير معروف اخي الكريم كونه منتشر على اكثر من موقع وليس حصري
اسعدني مرورك العطر اخي محمد
لك كل الود
 

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

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

المواضيع
472
المشاركات
3,232
الأعضاء
163
آخر عضو مسجل
عيون فلسطين
أعلى