منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» حذفت موقعي ثم استعدته، ولكن كلمة السر لا تدخل
اليوم في 10:17 من طرف عبد القيوم مسلم

»  طلب الكود
اليوم في 2:11 من طرف كمال92

» طلب سلايد بسيط*
اليوم في 0:45 من طرف 0marp0p23

» مشكلة
أمس في 23:37 من طرف 0marp0p23

» جعل المنتدى بطيء!!
أمس في 22:27 من طرف عبد المجيد الذكي

» اعلاني مخالف
أمس في 22:21 من طرف ahd allah

» مشكله في الرتب
أمس في 18:09 من طرف zaydoon

» ايكونه محذوفه اسفل التعليق ..
أمس في 14:59 من طرف zaydoon

» ربط المنتدى بالمدونة
أمس في 11:16 من طرف ahd allah

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود لتطوير خاصية الشكر (إهداء للجميع)

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة كود لتطوير خاصية الشكر (إهداء للجميع)

مُساهمة من طرف وردتي البيضاء في الأحد 5 يناير 2014 - 17:07

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

 مرحبا ...

اليوم جبتلكم كود راائع : الكود عبارة عن تطوير خاصية الشكر بمنتدياتكم... 
 
عمل الكود : عند الضغط على زر الشكر بدلا من ان يتغير لون المساهمة يظهر لك اسفل المساهمة  (رسالة شكر مع صور نجوم ) كما هو في الصورة :




هنا الكود نفسه للنسخة phpBB3 طبعا اتباع الخطوات بالاسفل:


الرمز:
[center][font=Verdana, Arial, Helvetica, sans-serif]$(function () {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   var x = $('.post').get();[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   for (i = 0; i < x.length; i++) {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      if (x[i].getAttribute('style') == "background-color:#ddebca;") {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         var stars = document.createElement('div');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.setAttribute('style', 'text-align: center;');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.innerHTML = '<hr><div style="padding-top:2px;height:60px;line-height:36px;color:#740;font-size:16px;font-weight:bold;text-align:center"><img style="vertical-align:top" src="http://i56.servimg.com/u/f56/16/94/10/41/star-i10.png">  شكراً على المساهمة و الرد الرائع !  <img style="vertical-align:top" src="http://i56.servimg.com/u/f56/16/94/10/41/star-i10.png"></div>';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].appendChild(stars);[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]});[/font][/center]
[center][/center]

الخطوة الاولى :

مكان التركيب : لوحة التحكم - عناصر اضافية - إدارة أكواد Javascript - انشاء كود جديد و اختار ان يظهر في المواضيع

الخطوة الثانية :


لوحة الادارة -مظهر المنتدى- الالوان- لون خلفية المساهمة عند استعمال خاصية الشكر ثم ضع فيه ( #ddebca )



هنا الكود نفسه للنسخة phpBB2 طبعا اتباع نفس الخطوات بالاعلى :


الرمز:
[center][font=Verdana, Arial, Helvetica, sans-serif]$(function () {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]    $('.post td[style="background-color:#ddebca;"]:last').append('<hr><div style="padding-top:2px;height:32px;line-height:36px;color:#740;font-size:16px;font-weight:bold;text-align:center;padding-bottom: 15px;"><img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png">  The Topic Starter Thanks You!  <img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png"></div>');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]});[/font][/center]


هنا الكود نفسه للنسخة phpBB طبعا اتباع نفس الخطوات بالاعلى :

الرمز:
[center][font=Verdana, Arial, Helvetica, sans-serif]$(function () {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   var x = $('.post').get();[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   for (i = 0; i < x.length; i++) {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      if (x[i].getAttribute('style') == "background-color:#ddebca;") {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.nextSibling.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.nextSibling.firstChild.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.nextSibling.firstChild.nextSibling.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         var stars = document.createElement('div');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.setAttribute('style', 'text-align: center;');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.innerHTML = '<hr><div style="padding-top:2px;height:32px;line-height:36px;color:#740;font-size:16px;font-weight:bold;text-align:center"><img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png">  The Topic Starter Thanks You!  <img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png"></div>';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.nextSibling.firstChild.nextSibling.appendChild(stars);[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]});[/font][/center]
[center][/center]

هنا الكود نفسه للنسخة Invision طبعا اتباع نفس الخطوات بالاعلى :
الرمز:
[center][font=Verdana, Arial, Helvetica, sans-serif]$(function () {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   var x = $('.post').get();[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   for (i = 0; i < x.length; i++) {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      if (x[i].getAttribute('style') == "background-color:#ddebca;") {[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.nextSibling.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.firstChild.firstChild.firstChild.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.firstChild.firstChild.nextSibling.style.backgroundColor = '';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         var stars = document.createElement('div');[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.style.textAlign = 'center';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         stars.innerHTML = '<hr><div style="padding-top:2px;height:32px;line-height:36px;color:#740;font-size:16px;font-weight:bold;text-align:center"><img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png">  The Topic Starter Thanks You!  <img style="vertical-align:top" src="http://iconfinder.net/data/icons/Basic_set2_Png/32/star1.png"></div>';[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]         x[i].firstChild.appendChild(stars);[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]      }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]   }[/font][/center]
[center][font=Verdana, Arial, Helvetica, sans-serif]});[/font][/center]
[center][/center]


هنا صورة النجمة للاستخدام بالكود :


مع التحية   Cool

وردتي البيضاء
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 3059

http://press.amuntada.com/t169-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومة رد: كود لتطوير خاصية الشكر (إهداء للجميع)

مُساهمة من طرف وردتي البيضاء في الأحد 5 يناير 2014 - 23:15

@DeLeTe كتب:اهلا اخي 
الاكواد ترسل هنا
الشكايات العامة ..  Cool
شكرا اخي تم الارسال  Cool 

وردتي البيضاء
 
 

ذكر
عدد المساهمات : 210
معدل النشاط : 3059

http://press.amuntada.com/t169-topic

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى