Материал
По возможности мы всех призываем указывать источник материала если вы нашли у нас что-то дейстительно интересное и новое для себя.

Понравился материал? Поделись с ним в социальных сетях !


Загрузить материал (2.4 Kb)
Источник
Ссылки

Используйте быстрые ссылки для вставки в сообщениях форума.

Ccылка
BB-Code
HTML-код

Красивая форма добавления комментария

Дата и время публикации : 21.Дек.17 в 01:15 | Раздел : Стилизация для uCoz


Параметр Значение
Дата публик. 21.Дек.17, Четверг, 01:15
Размер файла 2.4 Kb
Адапт. дизайн
Обновления Не производились
Просмотрен 60
Загружен 3

Очень красивая форма добавления комментария которая подойдет под любой светлый дизайн от сайта Kanavas. Есть форма для ввода текста (содержимое комментария) а также кнопки для выбора смайлов или вставки BB кода.

Установка :

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

 <?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+='UhideBlock">[code][/code]';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?>


2. В 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;}


3. Картинки загружаем себе на сайт.

Оставленные комментарии :

nezov090Добавлено 06.Янв.18 в 15:12 Спам
А картинки откуда брать?

andruha061Добавлено 06.Янв.18 в 15:56
про какие картинки ты именно говоришь? если про иконки то они есть в архиве.
Скрипт так то не мой, поэтому не особо понимаю о чем ты)


Оставить комментарий :


Требуется войти в свой аккаунт.

Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.

Вход Регистрация

Смотрите также :

Шаблон BlueBox (Beta) для uCoz

Отличный шаблон для блога. Имеет адаптивный дизайн, простой, легкий в настройке. На данный момент работа над адаптацией под uCoz не до конца заверш...