كيفية عمل تأثير الظل على صور مدونة بلوجر بتقنية الـ css3

مرحبا بكم إخوتي الأعزاء في درس جديد... الهدف منه هو تحسين مظهر مدونتك بلوجر. بدون إطالة سنتعلم اليوم كيفية عمل تأثير الظل على الصور في مدونتك.

هذه هي النتيجة المحصل عليها بعد تطبيق الدرس :

تأثير جميل أليس كذلك ؟ 

قبل الشروع في تطبيق التأثير تأكد أولا من نسخك للقالب الحالي قبل التعديل عليه

الطريقة :

1- توجه إلى لوحة تحكم البلوجر لمدونتك، و إختر تصميم.

2- ثم أدخل إلى تحرير HTML

3- اضغط على CTRL+F للبحث عن :

 .post-body img 

أو

 .post image 

أو

 .post img table.tr-caption-container  

إلخ.. من التعليمات البرمجية... المهم أن تحتوي على post و image و أن تتواجد بين

<b:skin>

و

</b:skin>

4- بعد أن تجد الكود غيِّر ما تحته

 بكود 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);
}

5- ثم اختر حفظ القالب

الآن، حصلت على تأثير الظل حول الصور بمدونتك. لا تتردد في ترك التعليق، إذا كان لديك أي سؤال أو إضافة...