المشاركات الشائعة بشكل جميل جدا

اليوم سوف أقوم بشرح كيفية تغيير شكل المشاركات الشائعة إلى شكل جميل وجذاب جدا.

للمعاينة اضغط على زر المعاينة أسفل الصورة.

المعاينة

طريقة الإضافة

قبل البدئ قم بأخذ نسخة من قالبك

ابحث عن

]]></b:skin>

قم بنسخ رمز CSS أذناه ولصقه فوق ]]></b:skin>

/* Popular Post Customization by www.tiqniatpro.com */ .PopularPosts .widget-content ul li{padding:0;position:relative} .item-snippet {font-size: 90%;line-height: 1.2em;position: absolute;width: 230px;background-color: whiteSmoke;padding: 7px;border-top: 2px solid #FF0202;z-index: 2;right: 300px;top: 60%;height: 4.5em!important;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;} .PopularPosts .widget-content ul li:hover .item-snippet{right:77px;opacity:1;visibility:visible} .PopularPosts img{width:50px;height:50px} .PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%} /* Popular Post Customization by www.tiqniatpro.com */

ثم قم بحفظ النموذج واذهب للمعاينة