[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Новая красивая форма добавления комментариев для uCoz
Новая красивая форма добавления комментариев для uCoz
offtop
Дата: Воскресенье, 19.05.2013, 01:42 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


На многих сайтах созданных не на uCoz CMS
Стоит очень красивая светлая форма добавления комментариев.
И поэтому я решил её адаптировать на uCoz с полностью рабочий функционалом

Особенности:

Как известно ucoz создал визуальную форму добавления комментариев
С одной стороны хорошо, с другой плохо.

Я привык уже к bb-кодам и поэтому данная форма работает именно на бб-кодах:

Вставка ссылки, картинки и email происходит в ajax окне:



Кнопка с восклицательным знаком вызывает Ajax окно с правилами,
Которые вы можете отредактировать под себя.
Выбор цвета тоже в ajax окне.

Кнопка ластик, очищает поле сообщения
Ну так вроде всё остальное и так понятно, перейдем к установке

Установка:

- Скачиваем архив, в архиве будет одна папка : combb (Скачать архив)
- Загружаем её в корень вашего сайта
- Заходим в ПУ » Управление дизайном » Комментарии » Форма добавления комментариев
Удаляем от туда весь код и вставляем этот:
Код
<div style="padding: 7px;">    
    <font color="#ff0000"><div class="commError" id="eMessage" align="center"></div></font>    
    <div class="clr"></div>    
    <?if($USER_LOGGED_IN$)?>    
    <div class="bbeditor" style="float:left">    
    <span id="b_b" onclick="bbomCode('b')">    
    <img src="/combb/images/b.png" alt="b" title="Полужирный">    
    </span>    
    <span id="b_i" onclick="bbomCode('i')">    
    <img src="/combb/images/i.png" alt="i" title="Наклонный текст">    
    </span>    
    <span id="b_u" onclick="bbomCode('u')">    
    <img src="/combb/images/u.png" alt="u" title="Подчеркнутый текст">    
    </span>    
    <span id="b_s" onclick="bbomCode('s')">    
    <img src="/combb/images/s.png" alt="s" title="Зачеркнутый текст">    
    </span>    
    <img class="bbspacer" src="/combb/images/brkspace.png" alt="">    
    <span id="b_img" onclick="novi4ok_img()">    
    <img src="/combb/images/img.png" alt="m" title="Вставить Изображение">    
    </span>    
    <span id="b_img" onclick="novi4ok_url()">    
    <img src="/combb/images/link_add.png" alt="" title="Вставить Ссылку">    
    </span>    
    <span id="b_img" onclick="bbomCode('code')">    
    <img src="/combb/images/script_add.png" alt="" title="Вставить Код">    
    </span>    
    <img class="bbspacer" src="/combb/images/brkspace.png" alt="">    
    <span id="b_left" onclick="bbomCode('l')">    
    <img src="/combb/images/l.png" alt="" title="Выравнивание по левому краю">    
    </span>    
    <span id="b_center" onclick="bbomCode('c')">    
    <img src="/combb/images/c.png" alt="" title="По центру">    
    </span>    
    <span id="b_right" onclick="bbomCode('r')">    
    <img src="/combb/images/r.png" alt="" title="Выравнивание по правому краю">    
    </span>    
    <img class="bbspacer" src="/combb/images/brkspace.png" alt="">    
    <span id="b_emo" onclick="openLayerB('Sml',0,'/index/35-1-0','Полный список смайлов',270,250);return false;">    
    <img src="/combb/images/emo.png" alt="" title="Вставка смайликов">    
    </span>    
    <span id="b_email" onclick="novi4ok_email()"><img src="/combb/images/email.png" alt="" title="Вставить Email"></span>    
    <span id="b_color" onclick="viewzvet()">    
    <img src="/combb/images/color.png" alt="" title="Выбор цвета">    
    </span>    
    <img class="bbspacer" src="/combb/images/brkspace.png" alt="">    
    <span id="b_hide" onclick="bbomCode('hide')">    
    <img src="/combb/images/hide.png" alt="" title="Скрытый текст">    
    </span>    
    <span id="b_quote" onclick="bbomCode('quote')">    
    <img src="/combb/images/quote.png" alt="" title="Вставка цитаты">    
    </span>    
    <span id="b_spoiler" onclick="bbomCode('spoiler')">    
    <img src="/combb/images/spoiler.png" alt="" title="Спойлер">    
    </span>    
    <img class="bbspacer" src="/combb/images/brkspace.png" alt="">    
    <span id="b_clear" title="Очистить">    
    <input type="image" src="/combb/images/clear.png" onclick="this.form.reset();return false;">    
    </span>    
    <span id="b_pravila" onclick="new _uWnd('commadd','Правила Добавления Комментария',300,200,{align:'left',min:0,shadow:1,header:1,max:0,resize:0},'<b>Запрещено:</b><br><span id=plp>Развязывать разборки (для этого есть ЛС)</span><br><span id=plp>Добавлять спам, рекламу флуд..</span><br><span id=plp>Оскорбление администрации</span><br><span id=plp>Часто писать с вкл. Caps Lock</span><b><Br><Br>Ссылки ставим под спойлер<Br></b>');" title="Правила">    
    <img src="/combb/images/pravilo.png" alt="">    
    </span>    
    </div>    
    <?else?>    
    <Table>    
    <tr><td width="15%" class="commTd1" nowrap>Имя *:</td><td class="commTd2"><input class="commFl" type="text" name="name" value="$NAME$" size="30" maxlength="60"></td></tr>    
    <tr><td class="commTd1">Email:</td><td class="commTd2"><input class="commFl" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></td></tr>    
    </table>    
    <?endif?>    
    <div class="clr"></div>    
    <table border="0" cellpadding="0" cellspacing="0"><tbody><tr>    
    <td>    
    <textarea name="message" id="message" class="komm_messaq" style="max-width: 453px;width:453px;height:160px; font-family:verdana;padding: 2px 0px 0px 2px;margin:0px; font-size:11px; border:1px solid #E0E0E0;">$MESSAGE$</textarea>    
    </td>    
    </tr>    
    </tbody></table>    
    <table><tbody>    
    <?if($SUBSCRIBE$)?><tr width="100%" align="left"><td>Подписка: $SUBSCRIBE$</td></tr><?endif?>    
    </tbody>    
    </table>    
    <?if($SECURITY_CODE$)?>    
    <Table width="100%">    
    <tbody><tr width="100%"><td class="commTd1" width="60px">Код *:</td><td class="commTd2" align="left" width="89%">$SECURITY_CODE$</td></tr></tbody>    
    </table><?endif?>    
    <Table><tbody>    
    <tr>    
    <td colspan="2">    
    <input onclick="doAddComments();return false;" name="submit" value="Отправить" type="submit" class="sendn manFlSbm" /></td>    
    </tr>    
    </tbody></table>    
    </div>    
    <script>    
    setInterval(function() {    
    if ($('body').find('.myWinSuccess').filter(':contains("Комментарий успешно добавлен")') != -1) {    
    $('body').find('.myWinSuccess').filter(':contains("Комментарий успешно добавлен")').html('<div style="padding:2px;"><div class="winaddcomm"><b>Ваш Комментарий</b> успешно добавлен</div></div>');    
    }    
    }, 10);    
    setInterval(function() {    
    if ($('body').find('.myWinError').filter(':contains("Не заполнено поле "Комментарий"")') != -1) {    
    $('body').find('.myWinError').filter(':contains("Не заполнено поле "Комментарий"")').html('<div style="padding:2px;"><div class="erroraddcomm"><b>Не заполнен</b> текст комментария</div></div>');    
    }    
    }, 10);    
    </script>    
    <script type="text/javascript" src="/combb/js/zvet.js"></script>    
    <script type="text/javascript" src="/combb/js/comm.js"></script>    
    <link type="text/css" rel="StyleSheet" href="http://dedicated.3dn.ru/uCoz/fd_comment/combb.css">


Возможно что длина поля ввода сообщения будет немного уже или шире
То в таких случаях ищите в коде такое: max-width: 453px;width:453px;
И меняйте так как вам нужно (width - ширина)
Думаю ясно

Удачи, при копировании оставляйте источник, это не трудно
Прикрепления: 8186114.png (11.8 Kb) · 3912956.png (13.2 Kb)


Сообщение отредактировал offtop - Воскресенье, 19.05.2013, 01:43
Форум » Ucoz » Скрипты для ucoz » Новая красивая форма добавления комментариев для uCoz
  • Страница 1 из 1
  • 1
Поиск: