كيفية تحويل صور المشاركات الشائعة الى اللون الابيض والاسود فى مدونة بلوجر بشكل كلاسيكى بسيط وجميل .
وضعت لكم فى الدروس السابقة من قسم دروس بلوجر بعض الاضافات والتحويلات لاضافة المشاركات الشائعة وكان ابرزها هذه الدروس وهى : المشاركات الشائعة مع الترقيم داخل مدونة بلوجر POPULAR POSTS CSS وايضا درس اضافة المشاركات الأجتماعية بشكل احترافى وبسيط اسفل مشاركات مدونة بلوجر ودرس اخر بعنوان المشاركات الشائعة بشكل احترافى مع تاثيرات الصور والوان مختلفة مميزة والكثير من الاضافات تجدها فى قسم اضافات بلوجر عبر مدونة كينج نت .
اليوم ساضع لكم هذه الاضافة لعل تعجبكم تابع معى طريقة التركيب .
جعل صور المشاركات الشائعة تظهر باللون الابيض والاسود
اولا عليك باضافة المشاركات الشائعة من خلال التخطيط واضافة اداء جديدة واختيار المشاركات الشائعة :
بعد الانتهاء من اضافة الاضافة عليك بالتوجهة الى المظهر ثم الضغط على تحرير HTML ومنها قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة هذا الكود :
.PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.PopularPosts img:hover {-webkit-filter: saturate(1.1);-moz-filter: saturate(1.1);}.PopularPosts .item-thumbnail {float: left;margin: 0 5px 5px 0;height: 72px;padding: 5px;}
بالأخير اضغط على حفظ واذهب الى صفحة المدونة لتشاهد النتيجة
ستجد الصور اخذت اللون الابيض والاسود فعند وضع مؤشر الماوس تأخذ لونها الطبيعى .
اتمنى بأن هذه الاضافة نالت على اعجابكم
ليست هناك تعليقات:
إرسال تعليق
قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )