هيلبرنت | Helpernt - عرض مشاركة واحدة - طريقة لعمل هوفر على صور منتداك من خلال الـ css

احصائياتى



الردود
2



المشاهدات
1525



Mc Nabulsy

.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله



المشاركات
303



+التقييم
10



تاريخ التسجيل
Jul 2016



الاقامة
فلسطين



نظام التشغيل
windows 7



رقم العضوية
1022

11-23-2016, 07:25 PM

المشاركة 1

11-23-2016, 07:25 PM

المشاركة 1

طريقة لعمل هوفر على صور منتداك من خلال الـ css

بسم الله الرحمن الرحيم

اقدم لكم كود جديد من منتديات فلسطين
وهو كود اضافة هوفر لصور منتداك

مثال على عمل الكود
(صورة متحرك تبين قبل وبعد وضع المؤشر عليها)

.

طريقة وضع الكود

نروح لوحة الادارة - الاستايلات والقوالب - التحكم بالاستايلات - css رئيسي
وننزل للصندوق الثاني بالاسفل
ونضيف الكود

كود PHP:

img {transition: all .5s;} img:hover { -webkit-filter: brightness(120%); }

طبعا يمكنك التعديل على معدل السطوع من خلال التعديل على ما بين القوسين (120%)

*الكود يعمل على جميع الصور في المنتدى ما عدا الصور الموضوع في ورقة الـ css
يعني لو الهيدر والفوتر مكودين css لن يؤثر عليهم الكود

بالتوفيق للجميع
والسلام ختام