Красивая форма добавления комментария
Чтобы скачать, войдите или зарегистрируйтесь.
Очень красивая форма добавления комментария которая подойдет под любой светлый дизайн.

Установка

HTML

Вставляем данный код в форму добавления комментариев


Код

<?if($USER_LOGGED_IN$)?><div style="display:none;">$BBCODES$</div>
<div class="cl_editor" id="cl_text">  
<textarea name="message" id="message" class="send_comment">$MESSAGE$</textarea>  
</div>  
<?if($SECURITY_CODE$)?><tr><td class="commTd1" nowrap>Код: </td><td class="commTd2">$SECURITY_CODE$</td></tr><?endif?>  
<div class="button_comment"><input type="submit" name="submit"><div class="cerr">$ERROR$</div> <div class="commform_code" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='Доступно только для пользователей';return false;"></div>
<div class="commform_smile" onclick="new _uWnd('Sml',' ',-250,-350,{modal:1,fadetype:1,fadeclosetype:1,resize:0,autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/35-1-0'});return false;"></div>
</div><?endif?>

CSS


Код

.button_comment {margin-top: 10px;}
.com_button{border:none; color: #4285f4;padding: 10px 19px;font-size:14px;display: inline-block;overflow:hidden; background:#f2f6fa;text-align:center;font-weight: bold;border-radius:10px; -webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;cursor: pointer;}
.com_button:hover{overflow:hidden;background:#e6eef5;text-align:center;border-radius:10px;}
.commform_code {width: 33px;height: 33px;background-color: #e4e4e4;float: right;border: 1px solid #e4e4e4;background-image: url(/img/code.png);cursor: pointer;background-position: 2px 1px;margin-left: 10px;transition: .3s;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.commform_code:hover {background-color:#47a3da;border: 1px solid #47a3da;background-image: url(/img/code.png);background-position: 2px 1px;}
.commform_smile {width: 33px;height: 33px;font-size: 18px;color: #e4e4e4;float: right;border: 1px solid #e4e4e4; background: url(/img/smile.png) no-repeat;cursor: pointer;background-position: 6px 6px;margin-left: 10px;transition: .3s;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.commform_smile:hover {background-color:#47a3da;border: 1px solid #47a3da;background: url(/img/smile_h.png) no-repeat;background-position: 6px 6px;}
.cerr {float: right;padding: 7px;padding-right: 20px;}

Картинки загружаем себе на сайт. Скачать можно выше по ссылке.

Всего комментариев: (22)

1 2 »
igor_ponyshkov
в 07:10, 10 Ноя 22
clups clups clups
igor_ponyshkov
в 07:10, 10 Ноя 22
Код
[/code][code]
hussaroff
в 09:18, 16 Июл 22
asdsada
Код
[/code][code]
Код
[/code][code]
admin
в 14:41, 31 Янв 21
0:) :( cry ^_^ :p please like
sasha2016tv
в 17:06, 09 Мар 18
[code][/code] :)
sasha2016tv
в 17:06, 09 Мар 18
[code][/code]
sasha2016tv
в 17:05, 09 Мар 18
Код
[/code][code]
Код
[/code][code]
Код
[/code][code]
[code][/code] :) :) %) 0:)
tayga8group
в 03:06, 24 Апр 17
sdfsd :)
devil_kiss
в 04:33, 12 Янв 17
sadasdas
admin1856
в 14:55, 11 Янв 17
Прикольно :)
_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Ccылка 3-х видов на материал
Ccылка 3-х видов на материал
Красивая форма добавления комментария
Красивая форма добавления комментар
Ajax окна как на Kanavas
Ajax окна как на Kanavas
Прокрутка страницы
Прокрутка страницы
Белые Ajax окна для uCoz
Белые Ajax окна для uCoz
Онлайн сервисов для нанесения водяных знаков на изображения
Онлайн сервисов для нанесения водян