منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

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

كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Abdallah.BeraYda في 18/04/16, 05:08 pm

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




نبدأ بسم الله باستعراض مثال من منتداي التجريبي
عند كل إسم مستخدم نجد هذه العلامة :

نضغط عليها فتعطينا :

تكتب ما تريد توجيهه للعضو و تصل رسالة تخبره أنك وجهت له الحديث


الآن للأكواد
إذهب إلى لوحة الإدارة + عناصر إضافية + HTML و JAVASCRIPT + إدارة صفحات Javascript+ أكواد Javascript
ضع الكود في جميع الصفحات و يجب أن تفعل نظام Javascript طبعا + العنوان أكتب فيه ما تريد

:) ثم ضع ردا ليظهر لك الكود /


ثم بعدها نذهب إلى ورقة سي إس إس و نظع الكود التالي :
ضع ردا ليظهر لك الكود :)


الجزء الثاني من الشرح ــ عمل أيقونة مثل التي في الإقتباس تحت عنوان وسم العضو

بالطببع أنت يمكنك تعديل الأيقونة و وضع ما تريد
يجب عليك فقط تعديل الكود الأول ــ فتضع سفله مباشرة الكود التالي :
الرمز:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 0,
      image = 'http://i19.servimg.com/u/f19/18/21/60/73/mentio10.png';
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
    document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
    my_setcookie('fa_mention','');
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.post-options', '.profile-icons', '.post-options', '.posting-icons'][version]), b, c, d = ['.name strong a', '.author a', '.username a', '.author a'][version], e, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'), l = version == 1 || version == 3; i<j; i++) {
    b = document.createElement('IMG');
    b.src = image;
    b.alt = 'Mentionner';
    b.title = 'Mentionner ' + $(a[i]).closest('.post').find(d + ':not(.fa-mention)').text();
    b.className = 'i_icon_mention';
    b.onclick = function() {
      var n = this.title.replace(/^.*?\s/,'');
    
      if ($.sceditor) t.insertText('@"' + n + '" ');
      else {
        my_setcookie('fa_mention', n);
        window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
      }
    };
 
    if (l) {
      c = document.createElement('LI');
      c.appendChild(b);
    }
  
    a[i].insertBefore(l ? c : b, a[i].firstChild);
  }
 
  $(function(){
    if (!$.sceditor) return;
    t=$(t).sceditor('instance');
  });
});

الخطوة الأخيرة و هي وضع نظام الوسوم في صندوق الرد

عدل نفس الكود السابق بوضع هذا الكود تحته مباشرة :
الرمز:

$(function(){
   if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
   var storage = window.localStorage, s = document.createElement('SELECT'), amis;
 
   if (storage && storage.faAmis && storage.faAmisExp > +new Date - 29*59*1000 && storage.faAmisUser == _userdata.username) s.innerHTML = storage.faAmis;
   else {
      $.get('/privmsg?mode=post', function(d) {
         amis = $('select[name="userfriend"]', d)[0] || 0;
  
         if (amis) {
            amis.firstChild.innerHTML = 'Sélectionner un ami';
            s.innerHTML = amis.innerHTML;
         }
  
         if (storage) {
            storage.faAmis = amis ? amis.innerHTML : 0;
            storage.faAmisUser = _userdata.username;
            storage.faAmisExp = +new Date;
         }
      });
   }
 
 
   $.sceditor.command.set('mention', {
      dropDown : function(editor, caller, callback) {
         var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
         b.type = 'button';
         b.value = 'Insert';
         b.className = 'button';
 
         c.type = 'text';
         c.id = 'fa-mention';
 
         a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div>' + ( s.innerHTML ? '<div><label>Mentionner un ami :</label></div>' : '' ) + '<div></div>';
         a.firstChild.appendChild(c);
         a.lastChild.appendChild(b);
 
         if (s.innerHTML != 0) {
            s.value = '';
            a.getElementsByTagName('DIV')[1].appendChild(s);
            s.onchange = function() {
               c.value = s.value;
            };
         }
 
         b.onclick = function() {
            c.value && callback(c.value);
            editor.closeDropDown(true);
         };
 
         editor.createDropDown(caller, 'insertmention', a);
      },
 
      exec : function(c) { mention(c, this) },
      txtExec : function(c) { mention(c, this) },
 
      tooltip : 'Mentionner un membre'
   });
 
   toolbar = toolbar.replace(/quote,/,'mention,quote,');
 
   function mention(c, e) {
      $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
         e.insertText('@"' + pseudo + '" ');
      });
   }
});

تم بوضع هذا الكود في ورقة سي إس إس
:
الرمز:

/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

ملاحظات عامة

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

Abdallah.BeraYda
عضو نشيط


الجنس : ذكر
عدد المساهمات : 272
التقييم : 19
تاريخ التسجيل : 25/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف JAR7 في 18/04/16, 05:18 pm


موضوع بطل وخاصية جميله
كود رائع وفقك الله على العطاء اللامتناهي
واصلي يابطل
دمت بخير



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2200
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Abdallah.BeraYda في 18/04/16, 05:24 pm

الحفو أختي الكريمة :^_^:
شكفني مرورك عل الموضوع

Abdallah.BeraYda
عضو نشيط


الجنس : ذكر
عدد المساهمات : 272
التقييم : 19
تاريخ التسجيل : 25/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف وهبة الساحر في 18/04/16, 09:10 pm

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



وهبة الساحر
القلوب المكسورة كالزجاج المكسور خطرة و مؤذية لا تحتاج للحب بقدر ما تحتاج للوحدة حتى يتم شفاؤها . . !!
     


وهبة الساحر
مؤسس المنتدى


الجنس : ذكر
عدد المساهمات : 334
التقييم : 60
تاريخ التسجيل : 07/03/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Abdallah.BeraYda في 18/04/16, 09:19 pm

الله يسلمك يا غالي ،
شكرا لمرورك على الموضوع :)

Abdallah.BeraYda
عضو نشيط


الجنس : ذكر
عدد المساهمات : 272
التقييم : 19
تاريخ التسجيل : 25/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Mr.Yakoub في 03/05/16, 12:25 pm

شكرآ جزيلا على الموضوع الرائع و المميز 
واصل تالقك معنا في المنتدى 
بارك الله فيك اخي ... 
ننتظر منك الكثير من خلال ابداعاتك المميزة 
لك منـــــــ اجمل تحية ــــــــــي


Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Abdallah.BeraYda في 04/05/16, 02:54 pm

شكرا ك على المرور العطر

Abdallah.BeraYda
عضو نشيط


الجنس : ذكر
عدد المساهمات : 272
التقييم : 19
تاريخ التسجيل : 25/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف V.I.P في 21/06/16, 01:37 am

بارك الله فيك

V.I.P
عضو نشيط


الجنس : ذكر
عدد المساهمات : 80
التقييم : 11
تاريخ التسجيل : 03/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف Judy في 19/07/16, 08:05 am

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

Judy
عضو نشيط


الجنس : انثى
عدد المساهمات : 364
التقييم : 15
تاريخ التسجيل : 23/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف gsm_bouali في 19/07/16, 06:54 pm

بارك الله فيك

gsm_bouali

الجنس : ذكر
عدد المساهمات : 10
التقييم : 10
تاريخ التسجيل : 04/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف عبقرينو في 19/07/16, 07:19 pm

احسنت النشر



عبقرينو
عضو نشيط


الجنس : ذكر
عدد المساهمات : 168
التقييم : 6
تاريخ الميلاد : 18/10/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : ام الدنيا مصر
العمل/الترفيه : مبرمج
المزاج : تمام

معاينة صفحة البيانات الشخصي للعضو http://mohamed-nabina.0wn0.com/

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف البراق في 19/07/16, 11:49 pm

موضوع رائع تسلم ايدك
بورك مجهودك

البراق
عضو نشيط


الجنس : ذكر
عدد المساهمات : 109
التقييم : 25
تاريخ التسجيل : 14/04/2016
اوسمتي : :3:4:3

معاينة صفحة البيانات الشخصي للعضو http://raad2.montadalitihad.com/

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

رد: كود تسهيل نظام الوسم في المنتدى ـ شرح حصري لمنتديات تقنيات

مُساهمة من طرف alzagri في 28/08/16, 01:24 pm

رررررررروعه

alzagri

الجنس : ذكر
عدد المساهمات : 2
التقييم : 11
تاريخ التسجيل : 28/08/2016

معاينة صفحة البيانات الشخصي للعضو

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

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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