مرحبا يا غالي
الطريقة بالتومبيلات>> 
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>index_body
تبحث عن الكود التالي:

الكود:

{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 <br />
 {LOGGED_IN_USER_LIST}

وقم بحذفة و إضافة الكود التالى :

الكود:

<span id="KH_total-online">{TOTAL_USERS_ONLINE}</span><BR>
<span id="KH_users-online">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">('function'==typeof KH_show_visitors) && KH_show_visitors();</script>

ثم تتوجه الى لوحة الإدارة>>عناصر إضافية>>إدارة أكواد Javascript>>إضافة كود جديد
اسم الكود كما تريد
جميع الصفحات
الكود :

الكود:

function KH_show_visitors(){
            if(!document.getElementById('KH_total-online')) return false;
          
            var v= document.getElementById('KH_total-online').innerHTML.match(/\b\d+\b/g)[3] &&
                      parseInt(document.getElementById('KH_total-online').innerHTML.match(/\b\d+\b/g)[3]),
 
                visitors= ''+ (function(v){var a='';for(var i=1; i<
v+1;i++){a+=', <span class="KH_visitors">'+ '
<strong>زائر</strong>  ' +i+ '</span>';}return a+'<br>';})(v);
            document.getElementById('KH_users-online') &&
 
            
 (document.getElementById('KH_users-online').innerHTML=document.getElementById('KH_users-online').innerHTML.replace(/<br>/,
 visitors+''));
          return 'visitors_add';
        }

آخر كود وضعة فى ورقة الـ CSS بالمنتدى و دة لوضع خلفية للزوار و و المتواجدون الان

الكود:

.KH_visitors{ background-image:url();margin:3px;border-radius: 5px;}

وبالتوفيق

حاولت أركبه للأسف مانفع

يريت  بضعلك هنا القالب  وانت تعدل عليه

وانا اركب الجافا وكود css

حسنناً