السلام عليكم ورحمة الله وبركاته
إضافة اليوم هي عبارة عن تأثير بسيط وجميل على صور مواضيع مدونتك فقط بمجرد مرور الماوس على الصورة سوف تقوم بالدوران وتتحول إلى شكل دائري جميل لا تأثر إطلاقاً هذه الإضافة على أحجام الصور أو غيرها فقط هي عملية بسيطة تطبق بواسطة CSS
معاينة:
تطبيق هذه الإضافة على مدونتك
إذهب إلى لوحة التحكم –>> القالب ثم إضغط على تحرير 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 */
ثم حفظ القالب ولنرى النتائج
السلام عليكم بارك الله فيك اخي العزيز، عندي سؤال وهو كيف يمكنني جعل الصورة في نموذج عرض الويب بعرض التدوينة وبنفس الوقت تكون متوافقة مع نموذج الجوال، وشكراً.