Наш опрос
Сколько у вас сайтов в системе uCoz?
Всего ответов: 48
Случайный анекдот
62 Встречаются два мужика из соседних деревень: - Как житуха? - Да вот, кабанчика племенного купил. - Да? Так давай его с моими свинками спарим, а поросят поровну поделим. - Давай. Только как я узнаю, хочет он или нет спариваться? - А ты посмотри: если хвостик колечком, значит хочет. Так и порешили. На следующий день мужик заходит в сарай. Смотрит, хвостик колечком. Поймал поросенка, связал, посадил в коляску мотоцикла, надел на него шлем и отвез к приятелю. И так 3 дня подряд. На четвертый день мужик говорит жене: - Сходи, посмотри в сарай, как у поросенка хвостик: колечком или нет? Жена возвращается и говорит: - Знаешь Коля, не знаю, как там хвостик, но кабан уже надел шлем и ждет в коляске.
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0

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

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


Нашел в сети красивый вид процентного соотношения гостей к пользователям сайта, он подойдет для светлых дизайнов сайта.
Установка:
В любой глобальный блок ставьте код:
Код
<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
Просмотров: 9340
08.01.2013


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


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


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








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