- fahad
- 2:01 م
- أضافات ودروس بلوجر ، css
- لاتوجد تعليقات
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
درسنا اليوم هو في كيفية أضف تأثير جميل على صور تدوينات أو مواضيع البلوجر
سأشرح لكم كيفية إضافة تأثير جميل على صور التدوينات فقط عند مرور الماوس عليها لمدونات بلوجر عن طريق CSS
طريقة تركيبها وأضافتها لقالب البلوجر سهلة
وقبل شرح كيفية تركيبها
سوف أضع لكم رابط للمعاينة مباشرة
أضغط هنا للمعاينة الاضافة
أولا : نتوجه للوحة التحكم
ثانيا:قالب
ثالثا:تحرير Html
ثم بعد ذلك نبحث عن الكود التالي في القالب
]]></b:skin>
وفوقه مباشرة نضع الكود التالي وهو الخاص بالاضافة وعمل تأثير على صور التدوينات البلوجر
.post-body img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#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%); }
بعدما تضيف الكود أعمل حفظ
ولاحظ الصور الموجودة في التدوينات فقط وليس الصور الموجودة في جانب أوفوق المدونة
وأخيرا أتمنى أن تنال الاضافة على أعجابكم
وسلام عليكم ورحمة الله وبركاته
ليست هناك تعليقات :
إرسال تعليق