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

السلام عليكم ورحمة الله وبركاته

إضافة اليوم هي عبارة عن تأثير بسيط وجميل على صور مواضيع مدونتك فقط بمجرد مرور الماوس على الصورة سوف تقوم بالدوران وتتحول إلى شكل دائري جميل لا تأثر إطلاقاً هذه الإضافة على أحجام الصور أو غيرها فقط هي عملية بسيطة تطبق بواسطة CSS

معاينة:

Efecto imagen


تطبيق هذه الإضافة على مدونتك


إذهب إلى لوحة التحكم  -->> القالب ثم إضغط على تحرير html
الآن بإستخدام مفتاح الإختصار في لوحة المفاتيح ctrlوf أبحث عن الرمز ]]></b:skin>
بعد أن وجدت الرمز ]]></b:skin> أضف الكود التالي فوقه مباشرةً

كود:

/* by www.madad2.com */
.post img {
 border:10px solid #fff;
 overflow:hidden;
-webkit-box-shadow:5px 5px 5px #111;
box-shadow:5px 5px 5px #111;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;margin:20px
}
.post img:hover{
border-radius:50%;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
/* by http://www.aizumblog.com */


ثم حفظ القالب ولنرى النتائج
مشاركات أقدم المقال التالي
2 تعليق
  • moh kamil
    moh kamil 24‏/10‏/2019، 12:38:00 م

    السلام عليكم بارك الله فيك اخي العزيز، عندي سؤال وهو كيف يمكنني جعل الصورة في نموذج عرض الويب بعرض التدوينة وبنفس الوقت تكون متوافقة مع نموذج الجوال، وشكراً.

    • مداد الجليد
      مداد الجليد 25‏/10‏/2019، 10:46:00 م

      وعليكم السلام شكرا لك
      للاسف ليس لدي فكرة عن هذا

أضف تعليق
عنوان التعليق