Please ain't forget: If your IMAGEPATH(s) ON FTP, THEN THIS MOD DOESN'T WORK!
Please ain't forget: Your imagepath(s) must be at the SQL (DB)
Please ain't forget: NOAVATAR.GIF doesn't work yet. You can upload it if which one member ain't have an avatar.
Please ain't forget: If its okay for you, then please remember to mark as installed.
Step1: Open your
memberinfo_block_recentvisitors template, all codes replace with;
PHP Code:
<div class="visitors">
<h5 class="blocksubhead smaller">{vb:rawphrase recent_visitors}</h5>
<div class="blockbody">
<div class="blockrow">
<div class="meta">
{vb:rawphrase last_x_visitors, {vb:raw block_data.visitorcount}}
</div>
<td class="alt2" height="180px" padding="3px">
<div class="alt1Active" style="border:0px solid #999999; padding:1px; height:180px; width:auto; overflow:auto">
<ol class="commalist">
{vb:raw block_data.visitorbits}
</ol>
</div></td>
<span class="totalvisits">{vb:rawphrase this_page_has_x_visits, {vb:raw prepared.profilevisits}}</span>
</div>
</div>
</div>
Step2: Open your
memberinfo_visitorbit template, all codes replace with;
PHP Code:
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="auto">
<td class="tborder" width="10%" align="center">
<img height="30px" width="30px" class="inlineimg" src="image.php?u={vb:raw user.userid}&dateline={vb:raw user.dateline}" border="0" /></td>
<td class="alt1" width="80%">
{vb:stylevar dirmark} <a class="username" href="{vb:link member,{vb:raw user}}">{vb:raw user.musername}</a>{vb:raw user.invisiblemark}{vb:raw user.buddymark}<br />
<small> {vb:raw user.displaygrouptitle}</small></td></table>
Step 3: IF YOU USE BLOG, THEN open your
blog_sidebar_user_block_visitors template and all codes replace with;
PHP Code:
<vb:if condition="$sidebar['visitorbits']">
<li id="block_visitors">
<div class="block" <vb:if condition="$show['moveable']">id="block_visitors_div"</vb:if>>
<div class="blocksubhead" id="block_visitors_handle">
<a href="#top" id="collapse_c_blog_visitors" class="collapse"><img id="collapseimg_blog_visitors" src="{vb:stylevar imgdir_button}/collapse_40b{vb:raw vbcollapse.collapseimg_blog_visitors}.png" alt="" border="0" /></a>
{vb:rawphrase recent_visitors}
</div>
<div class="blockbody" id="c_blog_visitors">
<div class="blockrow">
<td class="alt2" height="180px" padding="3px">
<div class="alt1Active" style="border:0px solid #999999; padding:1px; height:180px; width:auto; overflow:auto">
<ul id="recent_visitors_list" class="commalist">{vb:raw sidebar.visitorbits}</ul></div></td>
</div>
</div>
</div>
<div class="underblock"></div>
</li>
</vb:if>
Step 4: open your
forumhome.css and
vbulletin.css template and add this codes the bottom (under the end) of codes;
PHP Code:
.tborder
{
background: #F0F2FA;
color: #000000;
border: 1px solid #989898;
}
.tcat
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:8px 6px 7px 6px;
}
.tcat a:link, .tcat_alink
{
color: #333333;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #333333;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FF4400;
text-decoration: underline;
}
.thead
{
background: #F2F2F2 url(images/buttons/newbtn_middle.png) repeat-x top left;
color: #333333;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom:1px solid #8f95bf;
}
.thead a:link, .thead_alink
{
color: #333333;
}
.thead a:visited, .thead_avisited
{
color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FF4400;
}
.alt1, .alt1Active
{
background: #FBFBFD;
color: #000000;
}
.alt2, .alt2Active
{
background: #F0F2FA;
color: #000000;
}