Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Обновленный вид счетчика процентный
Torres_1_Дата: Вторник, 21.06.2011, 23:37 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline

Скрипт изменит стандартный счётчик пользователей.
Показывает в процентах гостей и пользователей, и снизу показывает общее количество пользователей. Код очень прост, никаких запросов, цвета так же можете настроить очень легко. Обновленный вид счетчика процентный
Приступим к установке.
1. В ваш css добавляем следующий код:

Код
.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)}


2. Находим у себя на страницах код $ONLINE_COUNTER$ и заменяем его на:

Код
<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://usite.su/images/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="http://usite.su/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>

3. Чуть ниже ставим код скрипта:
Код
<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>
  
 
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ты любишь слушать музыку?
javascript:; javascript:;
Всего ответов: 145

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.