تظـليل صـور الموضوع أو اضافة شفـافية عليهـا بتأثير css hover
http://www.dzbatna.com/images/icons/icon30.gif طھط¸ظ€ظ„ظٹظ„ طµظ€ظˆط± ط§ظ„ظ…ظˆط¶ظˆط¹ ط£ظˆ ط§ط¶ط§ظپط© ط´ظپظ€ط§ظپظٹط© ط¹ظ„ظٹظ‡ظ€ط§ ط¨طھط£ط«ظٹط± css hover
السلام عليكم ورحمة الله وبركاته.
اقدم لكم هذه الإضافة المميزة التي تعمل على تظليل صور الموضوع أو بمعنى آخر "إضافة شفافية عليها" وبمجرد مرور الماوس على الصور تظهر بشكلها الحقيقي, الإضافة تعتمد على تأثير css hover .
مثال :
http://www.sa3atzaman.com/vb/thread13541.html
طريقة تركيب install الإضافة :
ندخل على لوحة تحكم المنتدى forum » الإستايل styleات والقوالب » التحكم بالإستايل styleات »نختار الإستايل style المطلوب اضافة الخاصية عليه » خيارات جميع الإستايل styleات.
قم بإضافة الكود code التالي في (تعاريف 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;}
لتغيير نسبة الشفافية قم بالتعديل على رقم 7 في الكود code إلى ما يناسبك " كل ما قل الرقم زادت نسبة الشفافية "
توضيح " يتم تعديل الارقام الملونة بالأحمر "
اقتباس
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
تم العمل على الإضافة من قبلي " ساعة زمن "
إنتهى
- ≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈
≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
