• أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

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

Wolf Knight

:: الأعضاء ::
28 يناير 2019
504
1
188
63
السلام عليكم ورحمة الله وبركاته

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

مثال:

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;

انتهى

تحيتي
 
المصدر غير معروف اخي الكريم كونه منتشر على اكثر من موقع وليس حصري
اسعدني مرورك العطر اخي محمد
لك كل الود
 

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

المواضيع
1,597
المشاركات
17,925
الأعضاء
1,158
آخر عضو مسجل
BigMen
أعلى