О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

На многих сайтах созданных не на 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="/combb/combb.css">


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

Удачи, при копировании оставляйте источник, это не трудно


Спонсор :



Источник: /
Всего голосов: ... | ... | ...

Нет комментариев

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Нужно ли модернизировать сайт?

Всего ответов: 205
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков