المواضيع الأخيرة

كود رائع جدا لن تراه في مكان اخر

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

كود رائع جدا لن تراه في مكان اخر Empty كود رائع جدا لن تراه في مكان اخر

مُساهمة من طرف admin 7/1/2017, 7:59 pm

كود رائع جدا لن تراه في مكان اخر 1825499768

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



وصف الكود :
عندما تريد كتابة إسم عضو من أعضاء منتداك في موضوع ما يكفي مع هذا الكود أن تضع الرمز @ مع كتابة أول حرف للعضو 


صورة توضيحية:





و النتيجة تظهر كالآتي في المواضيع




صورة توضيحية:



ضع الكود في صفحة javascript


الإسم : أيقونة للأعضاء
جميع الصفحات 

الكود:

(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : four.banouta.net';
 
  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.className += ' mention-ava';
          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();
  });
}());



و في النهاية إذهب لورقة CSS وضع الكود التالي لكي يعمل بشكل جيد 




فضلا منك ضع ردا لترى المحتوى







في رعاية الله
admin
admin
المدير
المدير

الجنس : ذكر عدد المساهمات : 61
نقاط : 208
تاريخ التسجيل : 30/07/2014

https://four.banouta.net

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

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

- مواضيع مماثلة

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

  • ©phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع
    الساعة الأن :