كود المشاركات الشائعة بتاثير مميز وتنسيقك الخاص

تنسيق مميز للمشاركات الشائعة بتأثير الإستدارة على الصور الكود حصري وتصميم خاص بي لم يكن معد ليعرض في موضوع لكنه خاص بأحد قوالبي المدفوعة تم اخذ الكود دون إذن ونشره لذلك وجب ان انشره وانوه انه حتى وان عرض في مواضيع سابقة لموضوعي ما تزال جميع الحقوق محفوظة لمدونتي تم مراسلة بعض الناشرين لإضافة حقوقي كمصمم فمن وجدتموه قد اضاف الحقوق فهو قد صرح له بذلك ومن لم يفعل هو منتهك لحقوق الملكية ويجب ان اوضح أمر ان كل التصاميم اضافات كانت او قوالب او حتى صور طالما لم ينشرها صاحبها بشكل عام لا يحق نسخها فقط لأنك تقدر على النسخ لا يعني انه يحق لك نسخها هذا نوع من السرقة والإيذاء يجب ان يكون المدون العربي اكثر وعياً وحفاظا على الحقوق وإلا سنظل في ذيل الأمم إن لم نتعلم مالنا وما علينا لن نتقدم اضافة ان حق الغير محرم شرعاً استحلاله فضعها قاعدة عامل الناس كما تحب ان يعاملوك
والآن مع التركيب

.popular-posts li {
  list-style:none;
  margin:-7px -30px -5px 5px;
  text-align: right;
}
.PopularPosts .item-thumbnail {
  background:#D40147;
  border-radius: 0 8px 8px 0;
  float: right;
  margin: 0 0 0 8px;
  padding: 8px 8px 0;
}
.item-thumbnail img {
  background:#F1F1F1;
  border: 2px solid #777;
  border-radius: 50%;
  height: 58px;
  padding: 0;
  transition: all 1.5s ease 0s;
  width: 60px;
}
.item-thumbnail img:hover {transform: rotate(1440deg); -webkit-transform: rotate(1440deg);}
.PopularPosts .item-title {
  background:#ddd;
  border-radius: 8px 0 0 8px;
  height: 76px;
  margin: 0 5px;
  padding-bottom: 0.2em;
}
.popular-posts .item-title a {color: #222;}
.popular-posts .item-title a:hover {color: #D40147;}

شرح التنسيق

هذا #D40147 هو لون خلفية الصور
وهذا #F1F1F1 هو لون خلفية الحدود حول الصورة
وهذا #ddd هو لون خلفية الرابط
هذا #222 لون الرابط
وهذا #D40147 لونه عند التمرير 
ملاحظات بسيطة
يجب ان تلغي تفعيل المقتطف من بتحرير آداة المشاركات الشائعة وازالة التأشير من جوار كلمة مقتطف
ايضاً لو لديك تنسيق داخل القالب للمشاركات الشائعة قد يتعارض مع هذا التنسيق فيجب حذف القديم اولا
يمكنك المحاولة بتحديد اكواد القديم ستجدها تحمل نفس معرف التنسيق
PopularPosts
وبالتوفيق