المشاركات الشائعة بشكل مميز وحصرى

شرح التركيب

الخطوة الأولى 

.popular-posts li {
list-style:none;
margin:-12px -5px -6px -10px;
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(2880deg);
-webkit-transform: rotate(2880deg);
-moz-transform: rotate(2880deg);
-o-transform: rotate(2880deg);
-ms-transform: rotate(2880deg);
}
.PopularPosts .item-title {
background:#ddd;
border-radius: 8px 0 0 8px;
height: 73px;
margin: 0 5px;
padding: 7px 6px 5px 5px;
}
.popular-posts .item-title a {color:#3300FF;}
.popular-posts .item-title a:hover {color: #D40147;}

الخطوة الثانية