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


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

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

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

مُساهمة من طرف JAR7 في 19/07/16, 10:49 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();
  });
}());




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


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

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

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

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

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

رآق لي ما بآح به قلمكم

إستمروآ في نبض نور تميزكم

ونحن بإنتظآر جديد عطر موآضيعكم

ودي قبل ردي

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


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

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

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

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

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

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

انشئ حساب

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


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

تسجيل الدخول

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


تسجيل الدخول

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