طلب كود صورة العضو في المتواجدون الان

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

اريد كود وضع صورة الأعضاء في المتواجدون الان
واللذين تواجدو في ٢٤ الماضيه

و شكرا

ممكن صورة عن المقصود ؟
في اي منتدى شفته ؟

@الألحان المرحة
في منتدى المسلمين في الجنه
والكود ايضا موجود عندهم لكن لا يعمل

التومبلايتات و القوالب > index_body

ضع هذا الكود

الكود:

<div id="recentTopics">


اسفل هذا <!-- BEGIN disable_viewonline -->

وضع هذا الكود

الكود:

</div>

فوق هذا  <!-- END disable_viewonline -->


ثم ضع الكود التالي بالجافا

الكود:


$(function(){
  var style = document.createElement('STYLE'), css = '.mini_ava2>img{height:20px;margin-right:5px;width:20px;}';
  style.type = 'text/css';
  if (style.styleSheet) style.styleSheet.cssText = css;
  else style.appendChild(document.createTextNode(css));
  document.getElementsByTagName('HEAD')[0].appendChild(style);
    
       if(!window.localStorage) return;
    
       // Default avatar
        var default_avatar= 'https://2img.net/i/fa/invision/pp-blank-thumb.png';
    
       // Time of cache 24h*60m*60s*1000ms - one day
        var caching_time= 24*60*60*1000;
    
       // Time of cache in case of error 60s*1000ms - one minute
        var caching_error= 60*1000;
    
       var set_avatar= function(id) {
            $('.mini_ava2.member'+id).html('<img src="'+get_avatar(id)+'" />');
        };
    
       var get_avatar= function(id) {
            if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
            {
                localStorage.setItem('d_ava'+id, default_avatar);
                $.get('/u'+id, function (d){
                    localStorage.setItem('t_ava'+id,+new Date);
                    localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                    set_avatar(id);
                });
            }
            return localStorage.getItem('d_ava'+id);
        };
    
       var to_replace= {};
    
       $('#recentTopics a[href^="/u"]').each(function(){
            to_replace[$(this).attr('href').substr(2)]= 1;
            $(this).before('<span class="mini_ava2 member'+$(this).attr('href').substr(2)+'"></span>');
        });
    
       for(i in to_replace)
        {
            set_avatar(i);
        };
    
   });


واختر الصفحه الرئيسيه


وضع  الكود التالي بال CSS

الكود:


.mini_ava2>img {
    vertical-align: middle;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}


@grmaya
رائع جدا اخي هذا فعلا ما كنت أبحث عنه
ولكن هل يمكن التعديل على مقاسات الصوره؟

مشكور جدا اخي
تم الحل

العفو اخي 

وذا تحب هذا كود CSS اخر ضعه مكان السابق
ينسق الصور

الكود:


.mini_ava2>img {
    border: solid #960101 1px!important;
    background: #3c3838!important;
    border-radius: 100px!important;
    height: 30px!important;
    margin-right: 5px!important;
    width: 30px!important;
}


واي خدمة انا حاضر