في هذا الدرس الجديد و مع اضافات بلوجر . سأريكم اليوم طريقة إضافة تأثير على الصور كما هو الحال لمدونتي . التأثير عبارة عن ظل أزرق يظهر كلما اتجه سهم الفأرة للصورة . يمكنكم المعاينة بوضع سهم الفأرة على إحدى صور المدونة .
بدون إطالة عليكم اتجه لقالب > تحرير > ابحث باستعمال Ctrl+F عن ]]></b:skin>
لتضع قبله الكود التالي :
.post img {padding: 8px;background: #ffffff;border: 1px solid #cccccc;-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);box-shadow: 0 0 20px rgba(0, 0, 0, .2);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}.post img:hover {background:#FDFDFB;border:1px solid #8DDCEF;-moz-box-shadow:0 0 10px 2px #0066B3;-webkit-box-shadow:0 0 10px 4px #0066B3;box-shadow:0 0 10px 4px #0066B3;}
مبروك عليك الإضافة الجميلة .
لا تتردد في وضع تعليق مشجع لمواصلة المسيـــر .
ليست هناك تعليقات:
إرسال تعليق