☒ Изменить размер поля ввода комментария и оформление комментариев JComments для Джумлы
- Подробности
- Просмотров: 197133
Изменить размер поля ввода комментария и оформление комментариев JComments для Джумлы от JoomlaTune.ru
Скачиваем здесь - https://www.joomlatune.ru/jcomments-downloads.html Устанавливаем, настраиваем в админке - все сделано очень просто и с подсказками. Затем..
1) Для увеличения высоты поля по умолчания для ввода комментария заходим сюда: /домен.ru/components/com_jcomments/tpl/default
Открываем tpl_form.php, находим строку:
<textarea id="comments-form-comment" name="comment" cols="65" rows="8" tabindex="5"></textarea>
Меняем rows="8" например на количество строк в окне для вода комментариев на 12 - rows="12"
2) Для изменения ширины поля ввода комментария пользователями
В /a-m.net.ru/components/com_jcomments/tpl/default/style.css находим:
#comments-form textarea {max-width: 400px !important;width: 350px;margin:0}
И меняем max-width: 400px, и width: 350px; на нужное нам значение.
3) Для увеличения ширины поля счетчика оставшихся символов и языка полосы прокрутки вниз
Находим код в /a-m.net.ru/components/com_jcomments/tpl/default/style.css код:
#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee}
и
#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;cursor:s-resize;background: #eee url(images/resize.gif) no-repeat right 2px}
И меняем max-width: 400px, и width: 350px; на нужное нам значение.
В итоге получаем в поле ввода коментария ширину 500 пикселей высоту 10 строк:
Комментарии
А ничего может не держать, тоже сталкивался с таким, в итоге через height в css поменял высоту, больше ни на что не реагировала форма.
Откройте сайт в опере - хроме и щелкните мышкой по окне формы и щелкните правой конспектном меню найдите пункт "Проинспектиров ать элемент".
И там для начал просто методом перебора пройдитесь по всему коду комментария и меняя параметры справа в стилях найдите что держит - поле узким.
Все изменения справа - в реальном времени меняют изображение инспектируемой страницы сайта слева - в браузере.