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

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

Wolf Knight

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
301
مستوى التفاعل
189
النقاط
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
المشاركات
1,083
مستوى التفاعل
946
النقاط
113
الإقامة
K.S.A
رائع جدا ً بارك الله فيك اخوي @SAEED M SALLAM

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
669
مستوى التفاعل
568
النقاط
93
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
تعديل جميل جدا شكرا جزيلا لك
 

XenArabia

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

Wolf Knight

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

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

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

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

المواضيع
848
المشاركات
7,243
الأعضاء
303
آخر عضو مسجل
abud3d
أعلى