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

كود وضع صورة المستخدم بجانب الاسم الموسوم

زائر
زائر
تمت المشاركة في الإثنين أغسطس 29, 2016 2:05 am
كود وضع صورة المستخدم فى المواضيع عندما يكون قد قام احد بوسامه فى الموضوع


صورة له


الكود فى الجافا
لجميع النسخ / فى جميع الصفحات



الكود:

(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : mentions#3207';
 
  window.faMentionAvatar = {
    // position modifies the position of the avatar
    // 0 = before mention
    // 1 = after mention
    position : 0,
    cacheTime : 1*60*60*1000, // amount of time the avatar is cached ( 1 hour )
  
    mentions : null, // mention node list
    index : -1, // current index in the mentions array
  
    // checks if the mention is valid and then gets the avatar
    getter : function() {
      var mention = faMentionAvatar.mentions[++faMentionAvatar.index],
          storage = window.localStorage,
          id;
        
      if (mention) {
        id = mention.href.replace(/.*?\/u/, '');
      

        if (storage && storage['mentionAvatar_' + id] &&
 storage['mentionAvatar_' + id + '_exp'] > +new Date -
faMentionAvatar.cacheTime) {
          var avatar = document.createElement('IMG');
          avatar.src = storage['mentionAvatar_' + id];
          faMentionAvatar.position ? mention.appendChild(avatar) : mention.insertBefore(avatar, mention.firstChild);
          faMentionAvatar.getter();
        } else {
          $.get('/ajax/index.php?f=m&user_id=' + id, function(d) {
            var avatar = $('.tooltip-content > img', d)[0];
              
            if (avatar) {
              faMentionAvatar.position ? mention.appendChild(avatar) : mention.insertBefore(avatar, mention.firstChild);
            
              if (storage) {
                storage['mentionAvatar_' + id] = avatar.src;
                storage['mentionAvatar_' + id + '_exp'] = +new Date;
              }
            }
            faMentionAvatar.getter();
          });
        }
      }
    }
  };
 
  // write the stylesheet into the HEAD section

  document.write('<style type="text/css">.mentiontag img {
height:20px; width:20px; vertical-align:middle; border-radius:100px;
background:#FFF; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3), 0px -0px 1px
 rgba(0, 0, 0, 0.3); margin:1px 3px; padding:1px; }</style>');
 
  // statements that need execution when the document is ready
  $(function() {
    faMentionAvatar.mentions = $('.mentiontag');
    faMentionAvatar.getter();
  });
}());

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

زائر
زائر
تمت المشاركة في الإثنين أغسطس 29, 2016 5:54 am
السلام عليكم ورحمة الله وبركاته

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

تحياتــي

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

زائر
زائر
تمت المشاركة في الإثنين أغسطس 29, 2016 1:19 pm
منور الموضوع

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

avatar
عضو نشيط
الجنس : انثى

الدلو

عدد المساهمات : 141

نقاط النشاط : 157

السٌّمعَة : 10

بلد العضو :

العمر : 17

معاينة صفحة البيانات الشخصي للعضوhttp://kokoro.123.st/
تمت المشاركة في الإثنين سبتمبر 05, 2016 1:26 pm
السلام عليكم ورحمة الله وبركاته
شكرا لك على الموضوع الرائع
استمر بالابداع المستمر

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

زائر
زائر
تمت المشاركة في الإثنين سبتمبر 05, 2016 2:14 pm
منور الموضوع

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

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:09 pm
شكرااا

كود رائع

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

زائر
زائر
تمت المشاركة في الخميس سبتمبر 15, 2016 11:51 am
منورين جميعا

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 9913

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في الثلاثاء نوفمبر 22, 2016 8:57 pm
طرح مميز شكرا لك
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : انثى

السمك

عدد المساهمات : 125432

نقاط النشاط : 140990

السٌّمعَة : 2956

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:42 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads