Данный скрипт выводит в левом нижнем углу плавающий блок, при нажатии на который выходит онлайн статистика
Установка:
В самый низ любого глобального блока вставляйте:
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="/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
