أهلا وسهلا بكم زوار مدونة مدهش ويب اليوم قررة أن أطرح لكم واحدة من أهم الإضافات التي صممتها
وهي لتغيير شكل المشاركات الشائعة هذه الإضافة ستجعل مدونتك أكثر جمالا
ملاحظة : أرجو من كل من ينقل الموضوع أن يذكر المصدر
طريقة تركيب الإضافة :
- إذهب الى لوحة التحكم .
- إختار قالب > تحرير .
- إبحث عن b:skin
/* CSS Popular Post */.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;}.PopularPosts ul li img {display:none;margin:2px;margin-left:10px;padding:0;width:60px;height:60px;float:right;}.PopularPosts ul li {background-color:#fff;margin:0;padding:0;position:relative;box-shadow:inset 4px 0 0 rgba(255,255,255,0.0);transition:all 0.1s ease-out;}.PopularPosts ul li:hover {background:#cf8860;box-shadow:inset 4px 0 0 rgba(250, 250, 250, 1);}.PopularPosts ul li:last-child {border-bottom:none;}.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#fff;text-decoration:none;transition:all 0.1s ease-in-out;}.PopularPosts ul li a:hover {color:#fff!important;}.PopularPosts ul li:before {display:none;list-style:none;}.PopularPosts .item-thumbnail {display:none;float:left;margin:0 0 0 0;}.PopularPosts .item-snippet {display:none;font-size:10px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.PopularPosts .item-title {padding-bottom:.2em;margin:3px 10px;}.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}.PopularPosts .widget-content ul li {padding:.5em 0 .5em 0;}.PopularPosts ul li:nth-child(even) {background:#2ECC71}.PopularPosts ul li:nth-child(odd) {background:#00B16A}.PopularPosts ul li:hover:nth-child(even),.PopularPosts ul li:hover:nth-child(odd){background:#26A65B}
الى هنا وصلنا الى نهاية تدوينتنا لهذا اليوم
وفي أمان الله
0 التعليقات:
إرسال تعليق