بسم الله الرحمن الرحيم
المشاركات الشائعة فى معظم المدونات العربية أراها تقليدية وغير مرضية إلى حد ما فلذلك قررت تقديم أداة المشاركات الشائعة بالشكل الذى يليق وينال اعجاب الجميع فحاولت قدر الامكان تطويرها حتى توصلت لهذا الشكل الذى تراه فى مدونة ابداعاتى فى الصفحة الرئيسية فقط والتأثير الذى وضعته على الاضافة يحتوى على تأثير احترافى على الصور وهو تأثير الدوران ويمكنك لمس ذلك بعينك من خلال معاينة سريعة للاضافة
مما لاشك فيه أن الاضافة نالت اعجابك
لا تقلق سوف تحصل على شكل مماثل لمدونتك
شرح التركيباذهب للوحة التحكم >> القالب
الخطوة الأولىابحث عن وسم ]]></b:skin>
ضع فوقه هذا الكود وقم بالحفظ
.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;}
الخطوة الثانيةاضف أداة المشاركات الشائعة من مدونتك
ثم اضبط اعداداتها كما بالصورة
بهاتين الخطوتين سوف تحصل على شكل مميز وحصرى للمشاركات الشائعة
دمتم فى رعاية الله متتبعيى مدونة ابداعاتى الكرام
والشرح منقووووووووول من مدونة ابداعاتي ويمكنك الذهاب الى المدونه من هنا
0 التعليقات :
إرسال تعليق