طھط¸ظ€ظ„ظٹظ„ طµظ€ظˆط± ط§ظ„ظ…ظˆط¶ظˆط¹ ط£ظˆ ط§ط¶ط§ظپط© ط´ظپظ€ط§ظپظٹط© ط¹ظ„ظٹظ‡ظ€ط§ ط¨طھط£ط«ظٹط± css hover



السلام عليكم ورحمة الله وبركاته.




اقدم لكم هذه الإضافة المميزة التي تعمل على تظليل صور الموضوع أو بمعنى آخر "إضافة شفافية عليها" وبمجرد مرور الماوس على الصور تظهر بشكلها الحقيقي, الإضافة تعتمد على تأثير css hover .

مثال :
http://www.sa3atzaman.com/vb/thread13541.html

طريقة تركيب install الإضافة :

ندخل على لوحة تحكم المنتدى forum » الإستايل styleات والقوالب » التحكم بالإستايل styleات »نختار الإستايل style المطلوب اضافة الخاصية عليه » خيارات جميع الإستايل styleات.
قم بإضافة الكود code التالي في (تعاريف CSS الإضافية/Additional CSS Definitions)
رمز PHP:
<code style="white-space:nowrap"> <code> /* ***** الشفافية على الصور - منتديات ساعة زمن ***** */
.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;}
</code> </code>

لتغيير نسبة الشفافية قم بالتعديل على رقم 7 في الكود code إلى ما يناسبك &quot; كل ما قل الرقم زادت نسبة الشفافية &quot;

توضيح &quot; يتم تعديل الارقام الملونة بالأحمر &quot;
اقتباس

-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;


تم العمل على الإضافة من قبلي &quot; ساعة زمن &quot;

إنتهى


مواضيع متعلقة بتقنية css :

  • ₪ كـود بنـرات المواضيع الممـيزة والحصـرية بتأثير css hover ₪

₪ كـود بنـرات المواضيع الممـيزة والحصـرية بتأثير css hover ₪
  • تـغيير شكـل الـوقت ولـونه بطريقـة مختلفـة ومميزة css √

تـغيير شكـل الـوقت ولـونه بطريقـة مختلفـة ومميزة css √

  • ≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈

≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©