لافتات نظام إدارة المحتوى (CMS)

يمكنك إضافة العديد من رسوميات التمرير بتحويم المؤشر بإضافة الفئات التالية إلى غلاف اللافتة:

ox-zoom-hover أو ox-zoom-out-hover - لتكبير اللافتة بأكملها عند التمرير أو تصغيرها.

ox-img-zoom-hover أو ox-img-zoom-out-hover - لتكبير الصورة فقط عند التمرير فوق اللافتة أو تصغيرها.

محاذاة المحتوى في اللافتة بإضافة الفئات التالية (أفقياً وعمودياً): h-center, h-left, h-right, v-bottom, v-top, v-center

صورة تراكب المحتوى

إظهار المحتوى عند التمرير

أضف الفئة ox-show-hover لإخفاء العنصر وإظهاره عند التمرير.
بالإضافة إلى ذلك، أضف الفئة ox-moveup-hover لتحريكه من الأسفل عند التمرير.

لون التراكب عند التمرير

أضف div مع الفئة overlay-layer داخل ox-banner-link لإضافة طبقة تراكب
والفئة overlay-hover إلى غلاف اللافتة للحصول على رسومية تراكب عند التمرير.

المحتوى أسفل الصورة

لافتة نصية متحركة

أضف الفئة ox-banner-medium، ox-banner-big أو ox-banner-huge للحصول على نص أكبر وحشوات:

تمدد اللافتة والصورة

أضف الفئة banner-stretch و banner-stretch-v أو banner-stretch-vertical إلى غلاف اللافتة لتمدد اللافتة لتناسب حجم الحاوية.

أضف الفئة image-cover إلى غلاف اللافتة لتغطية الصورة حاوية اللافتة حتى لو كانت أصغر من اللافتة.

يمكنك استخدام كل هذه الفئات معًا. مثال أدناه أو على فئة الرياضة