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

Установка

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

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

Красивая форма добавления комментария
Красивая форма добавления комментар
CheckBox
CheckBox "день и ночь" на чистом CS
Возвращаем старую форму входа на uCoz
Возвращаем старую форму входа на uC
Смена фона страницы в зависимости от времени суток
Смена фона страницы в зависимости о
30 советов путешественнику-одиночке
30 советов путешественнику-одиночке
Кнопка вверх/вниз для uCoz
Кнопка вверх/вниз для uCoz