»نشرت فى : الاثنين، 28 أبريل 2014»بواسطة : »ليست هناك تعليقات

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

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

.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
وبالتوفيق

    اضف تعليقاً عبر:

  • blogger
  • disqus

الابتسامات

0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344

design by : bloggerinarab, powered by : blogger
كافة الحقوق محفوظة لمدونة عالم المدون 2014 - 2015