أضف تأثير جميل على الصور لبلوجر - بلوجر بالعربية

بسم الله الرحمن الرحيم
درس بلوجر CSS

أضف تأثير جميل على الصور لبلوجر:



سأشرح لكم كيفية إضافة تأثير جميل على صور التدوينات عند مرور الماوس عليها لمدونات بلوجر عن طريق CSS.

مثال مباشر:
http://bloggerinar.blogspot.com/
الخطوات:

*ملاحظة: قم بأخذ نسخة احتياطية تجنباً لحدوث أخطاء.

• اذهب إلى لوحة تحكم مدونتك.
• اضغط على قالب.
• ثم تحرير HTML.
• ثم ابحث عن ]]>
• وضع الكود التالي قبلها:

رمز Code:
.post-body img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */;
}
.post-body img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
الآن لاحظ صور التدوينات في مدونتك.


انتهى الشرح

الموضوع الأصلي: أضف تأثير جميل على الصور لبلوجر - Blogger In Arabic بلوجر بالعربية

أكثر...