السلام عليكم ورحمة الله متابعي مدونة تقني الانترنت بالامس قمنا بوضع تدوينة حول تغيير شكل اداة المشاركاة ت الشائعة الى شكل مختلف وجميل واليوم احضرنا لكم شكل اخر مثل الموجود في قالب نقطة بداية او بالاحرى قالب عرب ويب الحالي هذا الشكل لمن يعرفه هو عبارة عن سطور محددة بالاحمر تعرض المشاركاة الشائعة لاكن لا تعرض الصور الخاصة بالمشاركاة المقتطف فقط تعرض العنوان عاين الاضافة للمزيد .
- لوحة تحكم
- قالب
- تحرير HTML
- ابحث عن هذا كود ]]></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:#E74C3C}.PopularPosts ul li:nth-child(odd) {background:#E74C3C}.PopularPosts ul li:hover:nth-child(even),.PopularPosts ul li:hover:nth-child(odd){background:#DA4A3B}
ارجو ان تكون الاضافة قد اعجبتكم شكرا على المتابعة
ليست هناك تعليقات :
إرسال تعليق