Наш опрос
Вы добавили нас в закладки?
Всего ответов: 23
Случайный анекдот
81 В зоопарке висит объявление: - Уважаемые посетители зоопарка, настоятельно просим вас не кормить дельфинов бананами и прочими фруктами… дельфины их всё равно не едят, а обезьяны тонут!
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Соотношение гостей к пользователям сайта


Нашел в сети красивый вид процентного соотношения гостей к пользователям сайта, он подойдет для светлых дизайнов сайта.
Установка:
В любой глобальный блок ставьте код:
Код
<div style="float:right;"><span style="margin-bottom:-1px; display: inline-block;">Пользователи</span>
<span style="margin:0px; margin-right:0px; padding:1px; padding-bottom:3px; display:inline-block; border:1px solid #ccc; border-bottom:0px; background:#fff;">
<img style="height:6px; width:6px; background:#DE771C;" src="http://in.ucoz.org/1/1px.gif" border="0" /></span></div>
<div><span style="margin:0px; margin-right:2px; padding:1px; padding-bottom:3px; display:inline-block; border:1px solid #ccc; border-bottom:0px; background:#fff;">
<img style="height:6px; width:6px; background:#7d7d7d;" src="http://in.ucoz.org/1/1px.gif" border="0" /></span>Гости сайта</div>
<div style="border:1px solid #ccc; background:#fff; padding:1px; margin-top:-1px;" id="Statku"></div>  
<style>.cross {padding-top:0px; display: inline-block; padding-bottom:3px; color:#fff; text-align:center; text-shadow:0px 1px 0px rgba(0,0,0,0.25)}</style>

Сохраняем.
Теперь в подвал сайта ставим скрипт:
Код
<script type="text/javascript">  
var allusers = $(".tOnline b").text(); var gostusers = $(".gOnline b").text(); var siteusers = $(".uOnline b").text();  
var uGosti = (gostusers/allusers).toFixed(1)*100; var uUsers = (siteusers/allusers).toFixed(1)*100;  
$("#Statku").html('<div class="cross" style="min-width:20px; max-width:162px; width:'+uGosti+'%; background:#7d7d7d;">'+Math.floor(uGosti)+'%</div><div class="cross" style="min-width:20px; max-width:162px; width:'+uUsers+'%; background:#DE771C;">'+Math.floor(uUsers)+'%</div>');  
</script>


Html редактор
Автор: Prosvetekvator
Просмотров: 9108
08.01.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Соотношение гостей к пользователям сайта След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022