مدرسة العلم الإلكتروني: كيفية عمل تأثير الظل على الصور

كود أدسنس 468*60

هل أعجبك الموضوع شاركه مع أصدقائك؟

السلام عليكم ورحمة الله وبركاته في موضوع جديد إرتأت مدرسة العلم الإلكتروني أن تقدم فيه موضوع مهم ,إضافة جميل تعطي لمدونتك ضابع جميل وأنيق تختلف عن المدونات الأخرى وهي عمل تأثير الظل على الصور إضافة إنشاء الله سوف تعجبك نذهب إلى التطبيق اولا نذهب إلى لوحة التحكم مدونتك وتضغط على قالب لا تنسى أخذ نسخة إحتياطية قبل التعديل على القالب المهم نضغط على تحرير html تم إضغط في الكيبورد على Ctrl+F

تم قم بالبحت على هذا الكود
.post-body img
إذا لم تجده إبحت عن هذا
.post image
أو
.post img table.tr-caption-container
إلخ... من التعليمات البرمجية ...المهم أن تحتوي على post و image وأن تتواجد بين
<b:skin>
و
</b:skin>
بعد أن تجد الكود قم بتغير تحته ب الكود التالي

بالكود CSS التالي

{

background:#FFFFFF;

border:1px solid $bordercolor;

padding: 7px;

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);

}