منتدى استراحات زايد - أضف تأثير جميل على الصور لبلوجر

http://www.traidnt.net/vb/images/img...14/05/1322.jpg

بسم الله الرحمن الرحيم
درس بلوجر 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 بلوجر بالعربية