السلام عليكم ورحمة الله وبركاته.
اقدم لكم هذه الإضافة المميزة التي تعمل على تظليل صور الموضوع أو بمعنى آخر "إضافة شفافية عليها" وبمجرد مرور الماوس على الصور تظهر بشكلها الحقيقي, الإضافة تعتمد على تأثير css hover .
مثال :
http://www.sa3atzaman.com/vb/thread13541.html
طريقة تركيب الإضافة :
ندخل على لوحة تحكم المنتدى » الإستايلات والقوالب » التحكم بالإستايلات »نختار الإستايل المطلوب اضافة الخاصية عليه » خيارات جميع الإستايلات.
قم بإضافة الكود التالي في (تعاريف CSS الإضافية/Additional CSS Definitions)
كود PHP:
/* ***** الشفافية على الصور - منتديات ساعة زمن ***** */
.alt1 img {
filter:alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.alt1 img:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
.alt1 img {
filter:alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.alt1 img:hover{filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
لتغيير نسبة الشفافية قم بالتعديل على رقم 7 في الكود إلى ما يناسبك " كل ما قل الرقم زادت نسبة الشفافية "
توضيح " يتم تعديل الارقام الملونة بالأحمر "
اقتباس:
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
تم العمل على الإضافة من قبلي " ساعة زمن "
المصدر : منتديات فريق المنتجات
إنتهى