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

Установка

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

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

Colors - супер быстрый генератор цветовых схем
Colors - супер быстрый генератор цв
Плавная кнопка вверх для uCoz
Плавная кнопка вверх для uCoz
Вид материалов как на Kanavas
Вид материалов как на Kanavas
Красивая форма добавления комментария
Красивая форма добавления комментар
Кнопка вверх/вниз для uCoz
Кнопка вверх/вниз для uCoz
Анимационные плоские смайлики
Анимационные плоские смайлики