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

Установка

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$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

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

Новогодние векторные элементы
Новогодние векторные элементы
POST данные модулей системы uCoz
POST данные модулей системы uCoz
Кнопка лайк как на Facebook
Кнопка лайк как на Facebook
Игра Kolor
Игра Kolor
Desygner — бесплатный сервис для создания обложек, макетов, постеров и визиток
Desygner — бесплатный сервис для со
150 векторных иконок
150 векторных иконок