استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-31-2013, بتوقيت غرينيتش 05:18 AM
#1
تظـليل صـور الموضوع أو اضافة شفـافية عليهـا بتأثير css hover
طھط¸ظ€ظ„ظٹظ„ طµظ€ظˆط± ط§ظ„ظ…ظˆط¶ظˆط¹ ط£ظˆ ط§ط¶ط§ظپط© ط´ظپظ€ط§ظپظٹط© ط¹ظ„ظٹظ‡ظ€ط§ ط¨طھط£ط«ظٹط± 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 إلى ما يناسبك " كل ما قل الرقم زادت نسبة الشفافية "
توضيح " يتم تعديل الارقام الملونة بالأحمر "
اقتباس
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
تم العمل على الإضافة من قبلي " ساعة زمن "
إنتهى
- ≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈
≈ إسـتـايـل نـادي الهـلال السـعودي معتمـد بتقـنية css ≈
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة romaissa في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:58 PM
-
بواسطة admin في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 01:33 PM
-
بواسطة linnou في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 04:57 AM
-
بواسطة loulou ange في المنتدى دورات تدريبية و شروحات لتصميم المواقع
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 09:36 PM
-
بواسطة romaissa في المنتدى دروس و تقنيات عالم التصميم
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 05:38 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى