Выглядит неплохо.
Скрипт будет находится в левом нижнем углу вашего сайта.
Скачиваем архив, в архиве подробное описание и установка скрипта:
Это вставляем в нижнюю часть сайта в самый низ:
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>
</td>
<div onclick="$('#online').toggle('slow');" href="javascript://" class="Online"><img src="/images/Online_users.png" border="0"></div>
<div id="online" class="Online2">
<fieldset class="counter">
<center>
$ONLINE_COUNTER$
</center>
</fieldset>
</div>
======================================
А это в CSS:
Code
======================================
/* Stat by Olezka */
.Online {
background: url(/images/b.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
left: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* ------------ */
/* Stat2 by Olezka */
.Online2 {
background: url(/images/b.gif);
border: 1px dashed #5d5d5d;
text-align: center;
padding: 5px;
position: fixed;
bottom: 30px;
left: 10px;
color: #666666;
text-decoration: none;
display:none;
}
/* ------------ */
======================================
Создаём папку "images" и в неё
льём картинки СКАЧАТЬ
