بسم الله الرحمن الرحيم.
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة والسلام.
السلام عليكم ورحمة الله تعالي وبركاته.
اليوم سوف نتعلم كيفية اضافة تأثير عند مرور الفأر علي عنصر يتأثر عنصر أخر.
الخطوات:
اذهب الي "لوحة التحكم" ثم نختر "القالب" ثم نختر "تحرير 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%);
}
من فضلك اضغظ لايك لمشاهدة لينك التحميل
إرسال تعليق