EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

أداة المشاركات الشائعة بشكلها الجديد PopularPosts

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

هي في الشكل شبيهة بالقديمة لكن جديدة من ناحية تأثير مرور الماوس على الموضوع
لإضافة هذه الاداة لمدونتك كل ما عليك هو البحث عن

 

ثم فوقه ضع هذا الكود
.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: right;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}

.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
.item-thumbnail img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 3px solid #ccc;
height: 45px;
padding: 3px;
width: 45px;
}
#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);-moz-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);}

وهكذا تكون قد انتهيت أتمنى ان تكون الإضافة لاقت إعجابكم 
دمتم في رعاية الله وحفضه



ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية