Перейти к содержимому
Русский язык для Invision Community 5

Немного усовершенствовать чат Shoutbox

Добрый день!

 

Ребят, подскажите, как в чате shoutbox поле ввода текста и кнопки (скрин №1) перенести под чат (как на втором скрине)? Где копать? Спасибо.

 

post-54136-0-47640400-1425205274_thumb.jpg

Рекомендованные сообщения

  • Автор

А вообще за чередование цвета полосок чата отдельное спасибо!

По поводу кнопки обновить - просто так не получится (по крайней мере в данном случае, так как margin у того div'а задан жёстко в пикселях )

 

тут варианты:

 

1) пересмотреть вёрстку и найти другое решение, которое позволит растягивать поле ввода без жёсткой привязки к ширине кнопок

2) использовать javascript ( во время исчезновения кнопки "обновить" удлинять поле на столько же, дописать функцию в скрипт самого чата )

3) оставить как есть - она вроде очень быстро мигает, эта кнопка, особо и внимания не обращаешь

4) в Настройках чата -> Ajax Обновление (Ajax Refresh) - Автоматически скрывать кнопку "Обновить"? - поставить "нет". Кнопка не будет исчезать :)

 

К сожалению, мой скилл пока не позволяет решить 1 и 2 пункт. Так что пользуюсь 4-ым )). Ну а то, что идет обновление (хоть кнопка и не исчезла), видно по ajax-loading, мигающему вверху страницы. Хотя склоняюсь к 3-му пункту (пусть уж так, зато и постоянно жмакать кнопку не будут до того, пока идет обновление).

  • Автор

@Viktar83, ну да, убедили, я наверное тогда тоже остановлюсь на 3-м пункте. Всё-таки покрутил, посмотрел, так даже более забавно, когда исчезает одна кнопка))

  • Автор

А вот еще вопрос, можно ли сделать так, что в Theme2 можно было оттягивать поле ввода вниз, как это можно сделать в Theme1, когда поле ввода и кнопки справа от чата?

А вот еще вопрос, можно ли сделать так, что в Theme2 можно было оттягивать поле ввода вниз, как это можно сделать в Theme1, когда поле ввода и кнопки справа от чата?
В Theme2 используется

							<input type='text' id='shoutbox-global-shout' size='70' class='input_text' />

 

, а в Theme1 -

							<textarea id='shoutbox-global-shout' style='width:92%;overflow:auto;' rows='3' cols='50' class='input_text'></textarea>

 

Все это находится в шаблоне hookGlobalShoutbox. Замените первое на второе и настройте размеры и проч.

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.