كود وضع لايك اسفل المواضيع بطريقة احترافية من تصميم عالم التطوير

كود وضع لايك اسفل المواضيع بطريقة احترافية من تصميم عالم التطوير

تذكير بمساهمة فاتح الموضوع :

السلام عليكم ورحمة الله وبركاته

اليوم نقدم لكم كود احترافي
وهو وضع ايقونة لايك اسفل المواضيع دون تومبيلت

ملاحظة الكود يعمل على النسخ التالية : PhpBB3 و Invision فقط


وهده صورة قبل ضغط على : لايك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

وهده صورة بعد الضغط على : لايك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الآن وصلنا الى الكود

ضع رد ليظهر لك الكود

كود النسخة PhpBB3




وهدا كود النسخة : Invision


الأكواد توضع في جافا سكربت وتحدد في الخانة فقط للمواضيع



وايضا يجب وضع هدا الكود في صفحة css

الكود:

.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }

والآن انتهينا من تركيب الكود
مبرووك عليك الكود
ارجو عند النقل دكر المصدروترقبو المزيد من الأكواد
جميع الحقوق محفوظة لعالم التطوير

شكرا