Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Новый вид счётчика(онлайн пользователи)
Дата: Ср, 06.07.2011, 13:21:47 | Сообщение # 1
Аватарка LigaLek
OFF
Новичок
0 Отзывы:
Сайт пользователя:

Новый и красивый вид счётчика онлайн
Это вставляем на странице место $ONLINE_COUNTER$

Code
<div style="display:none;">$ONLINE_COUNTER$</div><div style="float:right;"><span style="">Пользователи</span><span style="margin:0px; margin-left:2px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#34a61e;" src="http://imagepost.ru/images/1/px/1px.gif" border="0" alt="" /></span></div>
<div><span style="margin:0px; margin-right:3px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;"><img style="height:7px; width:7px; background:#7d7d7d;" src="/images/1px.gif" border="0" alt="" /></span><span style="">Гости сайта</span></div>
<div style="border:1px solid #ccc; background:#fff; padding:1px; margin-top:2px;" id="Statku" align="left"></div>


Этот код ставим чуть ниже предыдущего

Code
<script type="text/javascript">
var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();
var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = (siteusers/allusers).toFixed(2)*100;

$("#Statku").html('<div class="cross" style="width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor(uGosti)+'%</div><div class="cross" style="width:'+uUsers+'%; background:#34a61e;">'+Math.floor(uUsers)+'%</div>').after('<div style="border:0px; padding:2px; text-align:center;">Всего — '+allusers+'</div>');
</script>


Ставим в CSS

Code
.cross {padding-top:2px; display:inline-block; padding-bottom:3px; color:#fff; text-align:center; text-shadow:0px 1px 0px rgba(0,0,0,0.25)}
Сообщение отредактировал uNcloned - Ср, 06.07.2011, 14:48:42
Дата: Ср, 06.07.2011, 14:43:15 | Сообщение # 2
Аватарка @ntik
@ntik
OFF
Премиум
680 Сообщения:
1199 Награды:
19 Отзывы:
Skype пользователя:
LigaLek, было getlost
Дата: Ср, 06.07.2011, 14:51:07 | Сообщение # 3
Аватар не установлен
OFF
Пользователь
381 Сообщения:
102 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
у меня ставится криво как-то:'(

Будь проще, и люди к тебе потянутся! (c)
- Потянулись ...
  • Страница 1 из 1
  • 1
Поиск: