Wolf Knight
:: الأعضاء ::
- 28 يناير 2019
- 504
- 1
- 188
- 63
السلام عليكم ورحمة الله وبركاته
تعديل لاخفاء وصف الاقسام الرئيسية واظهاره بمرور الماوس.
مثال:
الشرح:
افتح قالب:
اخر القالب ضع الكود التالي:
حفظ القالب.
يمكن تعديل مكان العرض (يمين او يسار) من خلال تعديل:
.block--category .block-desc {
float: right;
opacity: 0;
انتهى
تحيتي
تعديل لاخفاء وصف الاقسام الرئيسية واظهاره بمرور الماوس.
مثال:
الشرح:
افتح قالب:
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;
انتهى
تحيتي