Плавающая панель информеров 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

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

не в сети 4 месяца

Apocalypse

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

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

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

Apocalypse

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

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

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

Старые

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

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

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

Новый комментарий от пользователя Эдуард: «Забыл добавить. Снег появляется то в футере (когда ставил перед закрывающим тегом body), то наоборот почему-то в самом верху (причем сам блог сдвигался вниз), когда ставил его после открывающего тега, как было указано в статье.» в материале Приятный Новогодний снежок на HTML5 Canvas

2024-12-29 16:26:03

VVL99

Всех с новым годом!

2025-01-02 17:46:18

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

Новый комментарий от пользователя Acıbadem su kaçak tespiti: «Acıbadem su kaçak tespiti Kadıköy su kaçağı tespiti: Kadıköy’deki su sızıntılarında noktasal tespit için yanınızdayız. https://www.grand-indonesia.com/author/kacak/» в материале Фон из анимированных самолётов на CSS3

2025-01-02 18:25:49

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

Новый комментарий от пользователя elavil for anxiety reviews: «elavil for anxiety reviews

elavil for anxiety reviews» в материале Крутой анимированный индикатор загрузки в виде снежка на CSS3

2025-01-03 19:51:39

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

Новый комментарий от пользователя how long can you take elavil: «how long can you take elavil

how long can you take elavil» в материале След за курсором из частиц на HTML5 Canvas

2025-01-05 15:00:13

stalker1313

Привет. Может кто-нибудь знает почему не получается зайти на сайт playstation через vpn и как это исправить? Без vpn захожу на сайт, но не могу зарегать акк.
Ошибка:
Страница недоступна
Сайт playstation.com не отправил данных.
ERR_EMPTY_RESPONSE

2025-01-08 18:00:15

Al-Sher

@stalker1313, Привет. Возможно впн блочит их сайт. Попробовал со своим личным впном - сайт открывается

2025-01-08 19:56:24

stalker1313

@Al-Sher, бесплатный, хороший vpn посоветуете?

2025-01-08 22:01:35

stalker1313

Можно как-то сохранить все статьи с сайта wp в отдельные вордовские документы?

2025-01-09 19:50:03

Al-Sher

@stalker1313, Увы, я уже давно пользуюсь только личным впн на своей впске)

2025-01-10 20:41:42

......

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

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

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

Apocalypse

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

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

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

Июнь 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						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

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

Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

Стильная страничка 404 для вашего сайта на uCoz

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

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

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