تغير أستايل المشاركات الشائعة

السلام عليكم اهلا ومرحبا بكم في مدونة مساعد قوالب بلوجر اليوم انشاء الله سوف نتطرق الي شرح طريقة تغير شكل أو استايل المشاركات الشائعة بشكل جميل جدا وانيق كما في المعاينة انشاء الله تابعو معي الشرح

معاينة

طريقة تغير أستايل المشاركات الشائعة

من لوحة التحكم بلوجر
نختار قالب من ثم تحرير html
ونبحث عن هذا الكود ]]></b:skin> ونضع فوقه الكود التالي

/*--- mubll.blogspot.com --- */

.popular-posts ul{padding-left:0;counter-reset:popcount}

.popular-posts ul li:before{list-style-type:none;margin-right:15px;counter-increment:popcount;content:counter(popcount);font-size:16px;background:#292D30;color:#f1f1f1;position:relative;font-weight:700;font-family:georgia;float:left;border:2px solid #f3f3f3;box-shadow:1px 2px 9px #666;padding:.3em .6em}

.popular-posts ul li{border-bottom:1px dashed #ddd}

.popular-posts ul li a:hover{text-decoration:none}

.plugins ul{counter-reset:plugincount;padding:0}

.plugins ul li{border-bottom:1px dashed #ddd;line-height:40px}

.plugins ul li:before{content:counter(plugincount);counter-increment:plugincount;margin-right:15px;background:#292D30;border-radius:25px;border:2px solid #fff;box-shadow:1px 2px 9px #666;color:#fff;font:bold 16px georgia;padding:.3em .6em}

.plugins ul li a:hover{text-decoration:none;color:#2B3033}

.plugins ul li a,.popular-posts ul li a{text-decoration:none;color:#000}

.services{height:129px;width:591px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAoxd0h4VQ96utRpTvyxG8rWJqXSMXc2yhcbkn-DWX631eNKT5Y4OUxqNqhpd8Opth10n8rLOpy3aXmwH7JIzr9HIE-z0Bj7HmjOxMe8Sn2mvPvRzMKyzIMMpBRVBTgR4o8MbnoMYJq4rh/s1600/gapad2.png) no-repeat scroll -2px 0 transparent;box-shadow:0 3px 4px #666;border-radius:7px;margin:30px 0 0;padding:10px}

.services p{color:#ddd;text-align:justify;text-shadow:1px 1px 2px #000;font-size:13px;font-family:Arial,verdana;line-height:1.6em}

.services p a{color:#666;text-decoration:underline}

.services p a:hover{color:#ddd;text-decoration:none}

.popular-posts ul li:hover,.plugins ul li:hover{border-bottom:1px dashed #696969}

/*--- mubll.blogspot.com --- */

واحفظ القالب

في أمان الله

تغير أستايل المشاركات الشائعة

طريقة تغير أستايل المشاركات الشائعة

مواضيع ذات صلة

2 التعليقات: