ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Стильная форма добавление комментариев сайта ucoz

Стильная форма добавление комментариев сайта ucoz

Стильная форма добавление комментариев сайта ucoz
По своему дизайну эту форму нахожу стильной. Так как все на ней отлажено и красиво стоит. Шикарно выполнены вв коды, которые полностью рабочие. Так как картинка делалась с тестового сайта, где все было проверено. На светлые или бело - серые сайты, форма по своему стили красиво подойдет. Что думаю если сайт фиксирован по своей структуре, ее для таких и делали. Не думаю что на резиновый портал подойдет, так то подойдет, но очень мала будит. Хотя проверял нормально смотрится. Можно сказать креативно.
Установка формы:
Скачиваем архив с нашего сайта, там будит папка под названием 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">

Если вдруг она встанет не по центру, всякие бывают порталы. То вы можете все подогнать в CSS. В стилях находим max-width: 453px;width:453px; - не забываем что width - это регулируется ширина.
24 Июля 2013 Загрузок: 14 Просмотров: 2258 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar