إضافة تأثير مميز على صور مدونتك

درسنا اليوم يتحدث عن تاثيرات الصور او ما يسمي بالانجليزية Effect Photo !
سوف نتعرف اليوم علي طريقة جديدة لاضافة تأثير مميز على صور مدونتك  مما يضفي عليها طابعا جماليا, الاضافة تعطي تاثير جميل بمجرد مرور الماوس فوق الصورة المحددة  فتظهر بجانب الصورة الوان زاهية يمكنك التعديل عليها من خلال الكود بسهولة.
يمكنك تركيب هذه الخدعة علي مدونات بلوجر بسهولة فبمجرد اضافة كود CSS صغير تظهر هذه التاثيرات علي صور مدونتك,فارجوا ان تنال اعجابك.

صورة لمعاينة الاضافة

كيفية إضافة تأثير علي صور لمدونات بلوجر

1. انتقل إلى Blogger.com .
2. قم بالدخول الى تحرير القالب.
3. لا تنسى اخذ نسختك الإحتياطية .
4. قم بتوسيع عناصر الستايل.
5. الآن ابحث داخل القالب عن  ]]></b:skin>   
6. وضع قبله الكود التالي :

.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;}

الان احفظ القالب واستمتع بجمال مدونتك

منشورة في: