منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع



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



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

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

مُساهمة  في الإثنين 18 أبريل - 17:08

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




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

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

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


الآن للأكواد
إذهب إلى لوحة الإدارة + عناصر إضافية + 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
تقني ذهبي

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

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

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

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

مُساهمة  في الإثنين 18 أبريل - 17:18


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



JAR7
ادارة المنتدى


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

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

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

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

مُساهمة  في الإثنين 18 أبريل - 17:24

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

Abdallah.BeraYda
تقني ذهبي

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

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

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

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

مُساهمة  في الإثنين 18 أبريل - 21:10

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



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


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


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

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

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

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

مُساهمة  في الإثنين 18 أبريل - 21:19

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

Abdallah.BeraYda
تقني ذهبي

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

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

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

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

مُساهمة  في الثلاثاء 3 مايو - 12:25

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


Mr.Yakoub
تقني ذهبي

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

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

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

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

مُساهمة  في الأربعاء 4 مايو - 14:54

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

Abdallah.BeraYda
تقني ذهبي

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

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

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

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

مُساهمة  في الثلاثاء 21 يونيو - 1:37

بارك الله فيك

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


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

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

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

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

مُساهمة  في الثلاثاء 19 يوليو - 8:05

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

Judy
ادارة المنتدى


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

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

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

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

مُساهمة  في الثلاثاء 19 يوليو - 18:54

بارك الله فيك

gsm_bouali
عضو جديد


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

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

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

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

مُساهمة  في الثلاثاء 19 يوليو - 19:19

احسنت النشر



عبقرينو
تقني ذهبي

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

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

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

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

مُساهمة  في الثلاثاء 19 يوليو - 23:49

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

البراق
تقني ذهبي

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

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

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

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

مُساهمة  في الأحد 28 أغسطس - 13:24

رررررررروعه

alzagri
عضو جديد


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

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

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

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

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

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

انشئ حساب

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


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

تسجيل الدخول

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


تسجيل الدخول

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