Главная » Файлы » Скрипты для uCoz » Пользователи |
Красивая компактная скроллирующая панель информеров в правом углу by Apocalypse для uCoz
23.06.14, 13:53:52 | |
Удобная скроллирующая пень информеров. Разработал я её просто так, для народа - вдруг кому-то пригодится. Все информеры выводятся в ajax окне. Стили информеров очень легко настраивается и вы сможете очень быстро адаптировать их под свой дизайн Установка: Для начала настроим модуль Пользователи, а именно этот параметр, как это показано на скриншоте: Теперь, не выходя из ПУ, создадим информеры: 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> 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?>http://www.apo-ucoz.com/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> 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> 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?>http://www.apo-ucoz.com/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> 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?>http://www.apo-ucoz.com/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> Далее в самый верх любого глобального блока или после /head на нужных страницах вставляйте: Код <?ifnot($USER_AGENT$='ie')?> <style> .inf {position:fixed;top:33%;right:0;height:250;z-index:100;} </style> <script src="http://apo-ucoz.com/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="http://www.apo-ucoz.com/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="http://www.apo-ucoz.com/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="http://www.apo-ucoz.com/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="http://www.apo-ucoz.com/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="http://www.apo-ucoz.com/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="http://www.apo-ucoz.com/images/informer/nu-inf.png" border="0" width="40"></a> </div> </td> </table> <?endif?> Всё! Все картинки находятся в прикреплённом архиве на тот случай, если ссылки на них будут битыми Автор: Apocalypse Источник: http://www.apo-ucoz.com Материал подготовлен Apocalypse | |
Просмотров: 373 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |