Post Top Ad

Your Ad Spot

الجمعة، 20 فبراير 2015

كيفية اضافة تأثيرات الظل على صور مشاركات المدونة post-body-img-hover

اضافتنا اليوم عبارة عن كيفية اضافة الظل على صور المشاركات اضافة اكثر من رائعة هذا التأثير يحدث عند وضع مؤشر الماوس على الصورة . هذه الاضافة ليس بها اى فائدة فهى مجرد لتزيين المدونة بالأخص بمن يبحثون عن طرق تجميل المدونة ففى احدى الأضافات السابقة وبالاخص دروس بلوجر تم وضع اضافة طريقة لجعل صور المدونة دائرية عند وضع مؤشر الماوس عليها فكانت اكثر من رائعة وايضا يوجد درس اخر من قسم اضافات بلوجر وهو : كيفية اضافة تأثيرات تحريك جميع صور المدونة بشكل مائل اكثر من رائع . اتمنى ان اضافة اليوم تعجب الجميع الأن نأتى الى المفيد بطريقة التركيب .


صورة توضح شكل الاضافة :









كما تلاحظون من خلال الصورة السابقة شكل الظل المحدد حول صورة المشاركة اذا اعجبتك هذه الأضافة وتريد اضافتها بمدونتك تابع معى طريقة التركيب .

كيفية تركيب الاضافة :

قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML















ابحث عن هذا الكود :
]]></B:SKIN>
الأن اضف فوقة مباشرة هذا الكود :
.post-body img:hover{
box-shadow:0 0 10px 4px #FF0000;}
بالأخير اضغط على حفظ واتجهة الى الصفحة الرئيسية وشاهد النتيجة من خلال صور مشاركاتك .

ملحوظة هامة  :

لمن يريد تغيير لون الظل الى اى لون لاخر فقط قم بتغيير الكود المحدد باللون الاحمر
فمن خلال هذا الرابط ستجد خاصية تدرجات الالوان : ضافة خدمة تدرجات الالوان بالمدونة لكل صاحب موقع
ارجو بأن هذه الاضافة اعجبتكم وانتظرونى بأضافة جديدة .

ليست هناك تعليقات:

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad