ZorNet.Ru — сайт для вебмастера » Скрипты для 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 - это регулируется ширина. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |