Плавающая панель информеров by Apocalypse для сайтов на uCoz

Разместил: Apocalypse
Опубликовано: 12 июля 2015

Скачать Удобная плавающая пень информеров. Разработал я её просто так, для народа - вдруг кому-то пригодится. Все информеры выводятся в uWnd окне. Стили информеров очень легко настраивается и вы сможете очень быстро адаптировать их под свой дизайн Установка: 1#: Для начала настроим модуль Пользователи » Профили пользователей открывать » В новом окне (Простом)
2#: Создайте следующие информеры: 1) [ Счетчики для пользователей · Материалы · всех, по группам, по полу, по дням (сегодня, вчера, 7 дней, 30 дней) ] Шаблон информера:

<center><b>Общая статистика пользователей</b></center>
<br><br>
<table width="100%" cellspacing="0">
<tr>
<td style="border:3 #606060 double;">Всего пользователей</td><td style="border:3 #606060 double;" align="right" width="30">$ALL_USERS$</td>
</tr>
<tr>
<td style="border:3 #606060 double;">Пользователей</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_1$</td>
</tr>
<tr>
<td style="border:3 #606060 double;">Проверенных</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_2$</td>
</tr>
<tr>
<td style="border:3 #606060 double;">Модераторов</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_3$</td>
</tr>
<tr>
<td style="border:3 #606060 double;">Администраторов</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_4$</td>
</tr>
<tr><td height="20"></td></tr>
</table>

<center><b>Общая статистика пользователей</b></center>

<tr>

<td style="border:3 #606060 double;">Всего пользователей</td><td style="border:3 #606060 double;" align="right" width="30">$ALL_USERS$</td>

</tr>

<tr>

<td style="border:3 #606060 double;">Пользователей</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_1$</td>

</tr>

<tr>

<td style="border:3 #606060 double;">Проверенных</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_2$</td>

</tr>

<tr>

<td style="border:3 #606060 double;">Модераторов</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_3$</td>

</tr>

<tr>

<td style="border:3 #606060 double;">Администраторов</td><td style="border:3 #606060 double;" align="right" width="30">$GROUP_4$</td>

</tr>

</table>

2) [ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ] Шаблон информера:

<style>
.texti {width:340;height:50;}
.texti:hover {width:340;height:50;background:#666666;border:0;color:ffff00;}
.avatari {opacity:0.5}
.avatari:hover {opacity:1}
.cut_text {text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;max-width:340;}
</style>

<table width="100%" cellspacing="0">
<tr>
<td width="15" style="border:3 #606060 double;">$NUMBER$</td>
<td width="45" style="border:3 #606060 double;">
<a href="$PROFILE_URL$" title="$USERNAME$">
<img class="avatari" width="45" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">
</a>
</td>
<td style="border:3 #606060 double;" width="340">
<a href="$ENTRY_URL$" title="Клик для перехода к материалу $ENTRY_TITLE$">
<div class="cut_text">$MESSAGE$</div></textarea>
</a>
</td>
</tr>
</table>

<style>

.texti {width:340;height:50;}

.texti:hover {width:340;height:50;background:#666666;border:0;color:ffff00;}

.avatari {opacity:0.5}

.avatari:hover {opacity:1}

.cut_text {text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;max-width:340;}

</style>

<tr>

<td width="15" style="border:3 #606060 double;">$NUMBER$</td>

<img class="avatari" width="45" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">

</a>

</td>

<div class="cut_text">$MESSAGE$</div></textarea>

</a>

</td>

</tr>

</table>

3) [ Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1 ] Шаблон информера:

<table height="40" width="100%" cellspacing="0">
<tr>
<td width="15" style="border:3 #606060 double;">
<div style="width:15;">$NUMBER$</div></td>
<td width="60" style="border:3 #606060 double;">
<div style="width:60;" title="Последний пост написан этим пользователем">
$POST_USER$
</div>
</td>
<td style="border:3 #606060 double;" width="320">
<a href="$LAST_POST_URL$" title="Клик для перехода к последнему посту в теме">
<div style="width:320;">
$THREAD_TITLE$
</div>
</td>
</tr>
</table>

<tr>

<div style="width:15;">$NUMBER$</div></td>

$POST_USER$

</div>

</td>

$THREAD_TITLE$

</div>

</td>

</tr>

</table>

4) [ Пользователи · Материалы · Репутация · Материалы: 5 · Колонки: 1 ] Шаблон информера:

<table width="100%" cellspacing="0">
<tr>
<td width="15" style="border:3 #606060 double;">$NUMBER$</td>
<td width="45" style="border:3 #606060 double;">
<a href="$PROFILE_URL$" title="Клик для просмотра профиля $USERNAME$">
<img width="45" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">
</a>
</td>
<td style="border:3 #606060 double;" width="340">
<ul>
<li>Логин: $USERNAME$</li>
<li>ID пользователя: $USER_ID$</li>
<li>Репутация: $REPUTATION$</li>
<li>Группа: $GROUP_NAME$</li>
<li>Ранг: $RANK_NAME$</li>
<li>Зарегистрирован: $REG_DATE$</li>
</ul>
</td>
</tr>
</table>

<tr>

<td width="15" style="border:3 #606060 double;">$NUMBER$</td>

<img width="45" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">

</a>

</td>

<ul>

<li>Логин: $USERNAME$</li>

<li>ID пользователя: $USER_ID$</li>

<li>Репутация: $REPUTATION$</li>

<li>Группа: $GROUP_NAME$</li>

<li>Зарегистрирован: $REG_DATE$</li>

</ul>

</td>

</tr>

</table>

5) [ Пользователи · Материалы · Дата регистрации D · Материалы: 5 · Колонки: 1 ] Шаблон информера:

<table width="100%" cellspacing="0">
<tr>
<td width="15" style="border:3 #606060 double;">$NUMBER$</td>
<td width="45" style="border:3 #606060 double;">
<a href="$PROFILE_URL$" title="Клик для просмотра профиля $USERNAME$">
<img width="45" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">
</a>
</td>
<td style="border:3 #606060 double;" width="340">
<ul>
<li>Логин: $USERNAME$</li>
<li>ID пользователя: $USER_ID$</li>
<li>Репутация: $REPUTATION$</li>
<li>Группа: $GROUP_NAME$</li>
<li>Ранг: $RANK_NAME$</li>
<li>Зарегистрирован: $REG_DATE$</li>
</ul>
</td>
</tr>
</table>

<tr>

<td width="15" style="border:3 #606060 double;">$NUMBER$</td>

<img width="45" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/images/noavatar.png<?endif?>" border="0">

</a>

</td>

<ul>

<li>Логин: $USERNAME$</li>

<li>ID пользователя: $USER_ID$</li>

<li>Репутация: $REPUTATION$</li>

<li>Группа: $GROUP_NAME$</li>

<li>Зарегистрирован: $REG_DATE$</li>

</ul>

</td>

</tr>

</table>

3#: Далее в самый верх любого глобального блока или после /head на нужных страницах вставляйте:

<?ifnot($USER_AGENT$='ie')?>
<style>
.inf {position:fixed;top:33%;right:0;height:250;z-index:100;}
</style>
<script src="/js/opacity.js"></script> 
<script type="text/javascript"> 
fadeOpacity.addRule('oR1', .1, 1, 10); 
</script>

<table style="opacity: 0.1;" id="fImg1" onMouseOver="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" class="inf" width="70" cellspacing="0">
<td background="/images/informer/back_inf.png">
<div style="padding-left:20;">
<script type="text/javascript"> 
function iAjax1(){new _uWnd('link','Статистика пользователей',300,200,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_6$');} 
</script> 
<a href="javascript://" onclick="javascript:iAjax1();"><img title="Стастистика регистрации" src="/images/informer/stat-inf.png" border="0" width="40"></a>
<br>
<script type="text/javascript"> 
function iAjax2(){new _uWnd('link','Последние комментарии',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_7$');} 
</script>
<a href="javascript://" onclick="javascript:iAjax2();"><img title="Последние комментарии" src="/images/informer/lc-inf.png" border="0" width="40"></a>
<br>
<script type="text/javascript"> 
function iAjax3(){new _uWnd('link','Последние посты',445,325,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_8$');} 
</script>
<a href="javascript://" onclick="javascript:iAjax3();"><img title="Последние сообщения форума" src="/images/informer/forum-inf.png" border="0" width="40"></a>
<br>
<script type="text/javascript"> 
function iAjax4(){new _uWnd('link','Лучшие пользователи',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_9$');} 
</script>
<a href="javascript://" onclick="javascript:iAjax4();"><img title="Лучшие пользователи" src="/images/informer/bu-inf.png" border="0" width="40"></a>
<br>
<script type="text/javascript"> 
function iAjax5(){new _uWnd('link','Последние зарегистрированные',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_10$');} 
</script>
<a href="javascript://" onclick="javascript:iAjax5();"><img title="Последние зарегистрированные" src="/images/informer/nu-inf.png" border="0" width="40"></a>
</div>
</td>
</table>
<?endif?>

<?ifnot($USER_AGENT$='ie')?>

<style>

.inf {position:fixed;top:33%;right:0;height:250;z-index:100;}

</style>

fadeOpacity.addRule('oR1', .1, 1, 10);

</script>

function iAjax1(){new _uWnd('link','Статистика пользователей',300,200,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_6$');}

</script>

<br>

function iAjax2(){new _uWnd('link','Последние комментарии',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_7$');}

</script>

<br>

function iAjax3(){new _uWnd('link','Последние посты',445,325,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_8$');}

</script>

<br>

function iAjax4(){new _uWnd('link','Лучшие пользователи',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_9$');}

</script>

<br>

function iAjax5(){new _uWnd('link','Последние зарегистрированные',440,335,{align:0,shadow:0,autosize:1,maxh:1000,minh:100,resize:1,fadeclosetype:2},'$MYINF_10$');}

</script>

</div>

</td>

</table>

<?endif?>

Залейте JS файл из прикреплённого архива в папку js, все картинки в папку images Автор: Apocalypse Источник: http://www.apo-ucoz.com

Автор публикации

не в сети 7 дней

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: Apocalypse uCoz uWnd Информеры Панель

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

0 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

topka

Есть скрипт ( денег или баллов ? )
где можно потратить эти баллы или передать и заработать ?

Что-то такое видел на одном сайте ( сталкер сайт на юкозе было)

2024-03-06 21:31:46

Всевидящее око

Новый пост от installusd1 в теме «PPI Pay-Per-Install Best Advertising Network»

2024-03-25 09:45:25

Всевидящее око

Новый комментарий от пользователя паоа: «пкаор» в материале Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

2024-03-27 20:08:09

Apocalypse

Сайт был восстановлен спустя несколько месяцев бездействия

2024-06-27 16:12:56

fapalnaapo

а Шо случилось за что блокировали

2024-06-30 20:46:10

Apocalypse

@fapalnaapo, банально хостинг не был уплачен

2024-07-14 08:27:24

Apocalypse

Всем привет. У кого как жизнь?

2024-07-30 19:50:15

fapalnaapo

давольно таки не плохо, очень приятно, мне очень нравится между прочем

2024-08-13 10:09:49

Apocalypse

Всем доброго дня

2024-11-07 12:00:10

Al-Sher

Всем привет

2024-11-09 17:57:18

......

Для публикации сообщений в чате необходимо авторизоваться

Плавающая панель информеров by Apocalypse для сайтов на uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

Посетители сайта

Панель управления

Ноябрь 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

Плавающая панель информеров by Apocalypse для сайтов на uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

Подборка стильных переключателей для uCoz

Простой Parallax эффект для фоновой картинки на jQuery by Apocalypse

Предпросмотр комментария в реальном времени в uWnd Alert окне by Apocalypse для uCoz

Посетители сайта

Панель управления