اجعل شكل المشاركات الشائعه إحترافى - شرح كامل لكل الخطوات

قبل كل شئ , معاينة الاداة

والان مع الشرح

 

قم بالغاء المقتطف ثم اضغط حفظ

ثانيا : الكود المستخدم

    <style>.PopularPosts{width:100%;}.PopularPosts .item-title{background-color: #989898;padding-right: 4px;padding-left: 5px;height: 68px;overflow: auto;border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-size: 18px;overflow-x: hidden;transition:1s;}.PopularPosts .item-title:hover{background-color: #808080;}.PopularPosts a{color:#fff;text-decoration:none;}.PopularPosts img{border-top-left-radius: 5px;border-bottom-left-radius: 5px;position: relative;right: -10px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);transition:1s;background-color:#6e6e6e;}.PopularPosts img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);transition:1s;}</style>

ثم قم بحفظ القالب ومبروك عليك .

كافئ مجهودى بمشاركة الموضوع على جوجل + بالضغط على هذا الزر