[حصريا] طريقة تغيير شكل المشاركات الشائعة الى شكل عرب ويب

الكاتب بتاريخ عدد التعليقات : 0
مرحبا بكم اصدقائي متابعين مدونة مهووسين الويب في شرح جديد اليوم لدينا شرح حصري وهي طريقة تغيير شكل المشاركات الشائعة الى شكل إحترافي مثل عرب ويب وهو شكل جميل ورائع يمكنك مشاهدتها من هنا ar1web الان فلنذهب لطريقة تركيب هذه الاضافة الرائعة والاحترافية والحصرية

طريقة التركيب
  1. لوحة تحكم 
  2. قالب 
  3. تحرير HTML 
  4. ابحث عن هذا كود ]]></b:skin>
  5. واضف كود مشاركة الذي تعجبك فوقة

/* 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}

0 تعليق على موضوع " [حصريا] طريقة تغيير شكل المشاركات الشائعة الى شكل عرب ويب "

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء