Удобные и быстрые информеры для вашего сайта =]
Отличаются своей оригинальностью и простотой.
Размещаем перед в любое место, где будет располагаться окошко с информерами. Желательно в глобальный блок, чтобы не прописывать везде код:
Code
<script type="text/javascript"> /* @ site: http://ucodes.ru @ name: Удобные и быстрые информеры для вашего сайта */ function informerNew() { new _uWnd('infuCodes','Общий информер',400,100,{align:0,shadow:0,close:1,autosize:1,maxh:400,minh:100,resize:0,oncontent:function() { $('#showButton').click(function() { _s = $('#getCat option:selected').attr('value'); $('#resultShow').html('<fieldset>'+$('.idT'+_s).html()+'</fieldset>'); _uWnd.getbyname('infuCodes').checksize(); }); }}, '<fieldset><legend>Выберите категорию</legend><select id="getCat"><option value="1">Лидеры по постам</option><option value="2">Лидеры по репутации</option><option value="3">Набравшие большее кол-во комментариев</option></select></fieldset><fieldset><table border="0" id="showButton" cellpadding="0" cellspacing="0" onmousedown="this.className=\'downBtn\'" onmouseover="this.className=\'overBtn\'" onmouseout="this.className=\'outBtn\'"><tr><td class="myBtnLeft"><img alt="" border="0" src="http://s1.ucoz.net/img/1px.gif"/></td><td class="myBtnCenter"><div class="myBtnCont x-unselectable" unselectable="on"><a href="javascript://">Отобразить</a> </div> </td><td class="myBtnRight"><img alt="" border="0" src="http://s1.ucoz.net/img/1px.gif"/></td></tr></table></fieldset><div id="resultShow"></div>' ) }; </script> <div class="idT1" style="display:none;">$MYINF_5$</div> <div class="idT2" style="display:none;">$MYINF_6$</div> <div class="idT3" style="display:none;">$MYINF_7$</div>
Ссылка для вызова окошка:
Code
<a href="javascript:informerNew()">Клик!</a>
Номера информеров могут быть разные, поэтому их можно сменить тут:
Code
<div class="idT1" style="display:none;">$MYINF_5$</div> <div class="idT2" style="display:none;">$MYINF_6$</div> <div class="idT3" style="display:none;">$MYINF_7$</div>
Теперь приступим к стилю информеров и созданию:
Все подобные информеры находятся в разделе "Пользователи"
Вид информера Кол.сообщений в форуме:
Code
<table width="100%"> <tr> <td align="left" valign="top"> <div style="background:#e8e8e8;padding:6px;border:1px solid #c1c0c0;">$NUMBER$</div> </td> <td width="100%" align="left" valign="top"> <div style="background:#f2f1f1;padding:6px;border:1px solid #cfcece;"><b><a href="$PROFILE_URL$">$USERNAME$</a></b> [$FORUM_POSTS$ сообщени<?if($FORUM_POSTS$%10=0||$FORUM_POSTS$%10>4||$FORUM_POSTS$%100>10&&$FORUM_POSTS$%100<15)?>й<?else?><?if($FORUM_POSTS$%10=1)?>е<?else?>я<?endif?><?endif?>]</div> </td> </tr> </table>
Вид информера Репутация:
Code
<table width="100%"> <tr> <td align="left" valign="top"> <div style="background:#e8e8e8;padding:6px;border:1px solid #c1c0c0;">$NUMBER$</div> </td> <td width="100%" align="left" valign="top"> <div style="background:#f2f1f1;padding:6px;border:1px solid #cfcece;"><b><a href="$PROFILE_URL$">$USERNAME$</a></b> [Репутация: $REPUTATION$]</div> </td> </tr> </table>
Вид информера Кол.комментариев:
Code
<table width="100%"> <tr> <td align="left" valign="top"> <div style="background:#e8e8e8;padding:6px;border:1px solid #c1c0c0;">$NUMBER$</div> </td> <td width="100%" align="left" valign="top"> <div style="background:#f2f1f1;padding:6px;border:1px solid #cfcece;"><b><a href="$PROFILE_URL$">$USERNAME$</a></b> [$COM_POSTS$ комментари<?if($COM_POSTS$%10=0||$COM_POSTS$%10>4||$COM_POSTS$%100>10&&$COM_POSTS$%100<15)?>ев<?else?><?if($COM_POSTS$%10=1)?>й<?else?>я<?endif?><?endif?>]</div> </td> </tr> </table>
Вот и всё!
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено. При копировании материала указываем источник ucods.3dn.ru Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Lex@
Дата добавления: 09.03.2011 в 18:03 по МСК
Категория: Пользователи
Просмотров: 4629
Комментариев: 8
Эмоций:
Оценки читателей
ЗАКРЫТЬ
0 Лайк
0 Лавки
0 Ахахах!
0 Ого!
0 Восторг
0 Печаль
0 Грусняшь
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые
13.03.2011 | # |№8
и не забудь отредактировать информеры.
13.03.2011 | # |№6
у меня не работает
В том плане, что нету "Выберите категорию" и остальной части.
13.03.2011 | # |№3
Создаеш в редакторе страниц новую страничку, и пихаеш туда скрипт.
Code
<div class="idT1" style="display:none;">$MYINF_5$</div> <div class="idT2" style="display:none;">$MYINF_6$</div> <div class="idT3" style="display:none;">$MYINF_7$</div>
Сохраняеш. И по ссылке страницы будет доступно.
13.03.2011 | # |№4
ну это просто несколько информнеров будет. А мне надо, чтобы можно было выбрать из списка.
13.03.2011 | # |№5
ну я вот и не могу убрать его. помоги,плз.
13.03.2011 | # |№1
А как сделать так, что бы такой информер был не в ajax окне? Чтобы можно было его в блок вставить.