تطوير المواقع [ كود ] : تظـليل صـور الموضوع أو اضافة شفـافية عليهـا بتأثير css hover
[ كود ] : تظـليل صـور الموضوع أو اضافة شفـافية عليهـا بتأثير css hover
السلام عليكم ورحمة الله وبركاته.
اقدم لكم هذه الإضافة المميزة التي تعمل على تظليل صور الموضوع أو بمعنى آخر "إضافة شفافية عليها" وبمجرد مرور الماوس على الصور تظهر بشكلها الحقيقي, الإضافة تعتمد على تأثير css hover .
مثال :
https://www.sa3atzaman.com/vb/thread13541.html
طريقة تركيب الإضافة :
ندخل على لوحة تحكم المنتدى » الإستايلات والقوالب » التحكم بالإستايلات »نختار الإستايل المطلوب اضافة الخاصية عليه » خيارات جميع الإستايلات.
قم بإضافة الكود التالي في (تعاريف CSS الإضافية/Additional CSS Definitions)
كود PHP:
لتغيير نسبة الشفافية قم بالتعديل على رقم 7 في الكود إلى ما يناسبك " كل ما قل الرقم زادت نسبة الشفافية "
توضيح " يتم تعديل الارقام الملونة بالأحمر "
اقتباس:
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
إنتهى
https://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;
تم العمل على الإضافة من قبلي " ساعة زمن "
إنتهى
مواضيع متعلقة بتقنية css :
- ₪ كـود بنـرات المواضيع الممـيزة والحصـرية بتأثير css hover ₪
- تـغيير شكـل الـوقت ولـونه بطريقـة مختلفـة ومميزة css √
- ≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈
شكرا لك
بارك الله فيك
دام عطاؤك في جسور التواصل
دام عطاؤك في جسور التواصل