Плавающая панель информеров by Apocalypse для сайтов на uCoz
2#: Создайте следующие информеры: 1) [ Счетчики для пользователей · Материалы · всех, по группам, по полу, по дням (сегодня, вчера, 7 дней, 30 дней) ] Шаблон информера:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<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> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<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> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<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> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<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> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<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> |
3#: Далее в самый верх любого глобального блока или после /head на нужных страницах вставляйте:
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 31 32 33 34 35 36 37 38 39 40 |
<?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?> |