Вставляем в нижнюю часть сайта (в самый низ):
Code
<script type="text/javascript">
// JavaScript Document
function cssmenuhover()
{
if(!document.getElementById("cssmenu"))
return;
var lis = document.getElementById("cssmenu").getElementsByTagName("LI");
for (var i=0;i<lis.length;i++)
{
lis[i].onmouseover=function(){this.className+=" iehover";}
lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}
}
}
if (window.attachEvent)
window.attachEvent("onload", cssmenuhover);
</script>
<div onclick="$('#online').toggle('slow');" href="javascript://" class="Online">
<img src="/Online_users.png" border="0">
</div>
<div id="online" class="Online2">
<fieldset class="counter">
<center>
$ONLINE_COUNTER$
</center>
</fieldset>
</div>
Это в CSS:
Code
/*-- online users --*/
.Online {
background: url(/b.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
left: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* ------------ */
/*-- online users-2 --*/
.Online2 {
background: url(/b.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 30px;
left: 10px;
color: #666666;
text-decoration: none;
display:none;
}
/* ------------ */
Доступно только для пользователей