Картинки вместо ников в пользователях онлайн

[xcrazyx]

Как сделать так?(Скрин)
Код side bar online users

<div class="section">
<div class="secondaryContent">
<h3>Витрина ссылок</h3>
<div style="text-align: center; margin-top:8px;">
<center><a id="numlinkbuy1493" href="http://num-link.ru/link/purchase/1493" target="_blank"><b>Купить ссылку здесь</b></a><br/>(Цена: 3 руб)<br/><br/>
<!-- num-link.ru code start -->
<script type="text/javascript" src="http://num-link.ru/link/list/1493"></script><!-- num-link.ru code end-->
<br/><a target="_blank" href="http://num-link.ru/?pid=xcrazyx"><b>Поставить к себе на сайт</b></a></center>


</div></div></div>

<xen:edithint template="sidebar.css" />

<!-- block: sidebar_online_staff -->
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">
    <div class="secondaryContent">
        <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
<xen:if hascontent="true">
                <h4 class="minorHeading">{xen:phrase staff_online_now}</h4>
            <ul class="staffonlinelist">
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                            <li title="{$user.username}" class="Tooltip">
                                <xen:avatar user="$user" size="s" img="true" />
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
<div style="clear:both;"></div>
</xen:if>
        <xen:if is="{$onlineUsers.records}">
            <xen:if is="{$visitor.user_id}">
                <xen:if hascontent="true">
                <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                <ul class="followedOnline">
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.followed}">
                                <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
                </xen:if>
            </xen:if>
                <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
            <ol class="listInline">
                <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                    <xen:if is="{$i} <= {$onlineUsers.limit}">
                        <li>
                        <xen:if is="{$user.user_id}">
                            <a href="{xen:link members, $user}"
                                class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        <xen:else />
                            {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        </xen:if>
                        </li>
                    </xen:if>
                </xen:foreach>
                <xen:if is="{$onlineUsers.recordsUnseen}">
                    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                </xen:if>
            </ol>
        </xen:if>
    <div class="footnote">
            {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
        </div>
    </div>
</div>

<!-- end block: sidebar_online_staff -->
<!-- end block: sidebar_online_users -->

<div class="section">
<div class="secondaryContent">
<h3>Нас посетили</h3>
<div style="text-align: center; margin-top:8px;">

<a href="http://good-hacks.ru" target="_blank"><img border="0" src="http://www.warlog.ru/counter/?i=1" alt="Посещения с 29.08.14" title="Посещения с 29 августа,14 года." /></a>

<div style='text-align: center'> 
<SCRIPT language=javascript> 
d0 = new Date('August 24, 2014'); 
d1 = new Date(); 
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); 
document.write('Наш форум Живёт уже <B><SPAN style="COLOR: #ff0000">' + Math.round(dt) + '</SPAN></B>-й день.'); 
</SCRIPT> 
</center>
<SCRIPT TYPE="text/javascript" SRC="http://www.kz-love.pp.ru/JSFX_LinkFader.js"></SCRIPT>
</div></div></div>

<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>

<div class="section">
<div class="secondaryContent">
<h3>Мы в контакте</h3>
<div style="text-align: center; margin-top:8px;">
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'F4F4F4', color2: 'FF0000', color3: '000000'}, 70619532);
</script>
</div></div></div>

<div class="section">
<div class="secondaryContent">
<h3>Реклама</h3>
<meta name="buy-banner.com-verification" content="2315" />
<!-- Buy-Banner.com code start -->
<span id="buy-banner_5642"></span>
<script type="text/javascript">
var js = document.createElement("script"); js.src = "http://buy-banner.com/code/banner_5642.js"; js.type = "text/javascript"; js.charset = "UTF-8"; js.async = true; var hh = document.getElementsByTagName("head")[0]; hh.appendChild(js);</script>
<!-- Buy-Banner.com code end-->
</div>
</div>

 

[Mirovinger]

http://xenforo.info/resources/sidebar-avatars.2027/

 

[microgosu]

в похожих темах даже есть эта тема http://xenforo.info/threads/Аватары-вместо-ников-в-блоке-Пользователи-онлайн.2789/