أخر المقالات
تحميل...
ضع بريدك هنا وأحصل على أخر التحديثات!

عـــالــمـك الــخـاص بـــك!.

الجمعة، 11 يوليو 2014

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

بسم الله الرحمن الرحيم

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


مما لاشك فيه أن الاضافة نالت اعجابك
لا تقلق سوف تحصل على شكل مماثل لمدونتك
شرح التركيب
اذهب للوحة التحكم >> القالب
الخطوة الأولى 
ابحث عن وسم  ]]></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 التعليقات :

إرسال تعليق