CRE-ARTs
  • Авторизация

    ПАНЕЛЬ УПРАВЛЕНИЯ

    ! Гость (это Вы)

    • Регистрация
    • Забыл пароль?


    Рекомендуем пройти регистрацию, для удобства в использовании материалов.
  • Регистрация Забыл пароль?
Шаблон портала CS-Zoom
Шаблон портала CS-Zoom
Наш креативщик
CRE-ARTs.ru – ВЕБ-ДИЗАЙН И РАЗРАБОТКА САЙТОВ
На CRE-ARTs представленны лучшие шаблоны и скрипты,
собранные с различных источников в одном месте.
Наша почта: info@realarts.ru или art-creative@yandex.ru
  • Главная
  • Новости
  • Портфолио
  • Скрипты для uCoz
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайта
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Раздел дизайна
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Статьи
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Отзывы
  • Наши контакты
  • Правообладателям
  • Правила сайта
  • О нас
Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.
17 Марта 2014 Подробнее
Свернуть

Прямой эфир

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Вид материалов как на Pinterest
    Посмотрите источник тут
    или аналогичный пост тут

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Ссылка на источник при копировании текста
    Проверим, в ближайшее время исправим
  • muxa
    Пользователь: muxa
    В раздел по теме: Ссылка на источник при копировании текста
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
    Все работает класс
  • muxa
    Пользователь: muxa
    В раздел по теме: Всплывающее меню на чистом CSS
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: Шаблон Фотошоп-Мастер
    Там ничего не работает.Тупо скачал и удалил.
  • vovany
    Пользователь: vovany
    В раздел по теме: Уникальная страница технических работ для uCoz
    только что вот заметил, что некорректно отображаются надписи под отсчетом...
Свернуть

Статистика


Всего в онлайне: 2
Юзеров: 2
Пользователей: 0
Пользователи
Гости сайта
  • Онлайн
  • Кто был
  • СЧ
[Статистика недоступна]


  
Всего пользователей: 1492 +0
Всего материалов [?]: 1434 + -
Новости: 12
Комментарии: 325
Статьи: 667
Файлы: 430
Полный список
Свернуть

Список категорий

  • Главная
  • Новости
  • Скрипты для uCOZ
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайтов
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Рубрики
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Дизайн
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Портфолио

  • Группа ВКонтакте
  • Группа в Facebook
  • Группа в twitter

  • Для посетителей...
    • О нас
    • Наши баннеры
    • Правила сайта
    • Правообладателям
    • Отзывы
Свернуть

Опечатка

E-mail отправителя *:
Тема письма:
Текст сообщения *:

Если Вы обнаружили опечатку в тексте, выделите текст с ошибкой
и нажмите на кнопку
Опечатка
Свернуть

Вместе с нами

  • Cre-ARTs - всё самое необходимое
  • Cre-ARTs - всё самое необходимое

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Новая красивая форма добавления комментариев

Новая красивая форма добавления комментариев

  • Опубликовал: artCreative™
  • Категория: Вид материалов и комментариев
  • Дата: 19 Июня 2025 в 19:26
0 голосов
  • 1
  • 2
  • 3
  • 4
  • 5
На многих сайтах созданных не на 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>  
    
  <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>  
    
  <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>  
    
  <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>  
  <tr width="100%" align="left"><td>Подписка: $SUBSCRIBE$</td></tr>  
  </tbody>  
  </table>  
    
  <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>  
  <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="/combb/combb.css">

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

Спонсор материала: Дизайн-Ателье по разработке сайтов и граффики RealARTs

  • Ссылка на источник материала


Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 548 « Назад

Теги материала: добавления, новая, комментариев, форма, красивая

Похожие материалы:
  • Форма добавления комментариев
  • Форма добавления и вид комментариев
  • Форма добавления комментариев для uCoz
  • Вид формы добавления комментариев как ВКонтакте для ucoz
  • Красивая Новая Персональная страница для uCoz

Комментарии пользователей


Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.
  • Главная
  • Sitemap
  • Палитра Web цветов
RealARTs
Дизайн полностью создан и принадлежит сайту "Cre-ARTs.ru".
Все размещенные материалы, принадлежат их владельцам и предоставляются
исключительно в ознакомительных целях. Администрация ответственности
за содержание материала не несет и убытки не возмещает. Хостинг от uCoz
CRE-ARTs
  • Анализ интернет сайта