ACP Mobile - мобильная админка

Вопросы по вёрстке и стилям оформления, шаблоны для wap версии phpBB и других различных стилей.
Правила форума
Не загружайте скриншоты(изображения) на внешние хостинги и размещения их ссылок в сообщениях. Такие сообщения могут остаться без ответа или будут удалены!
Аватара пользователя
Anvar
Администратор
Администратор
Сообщения: 1260
Зарегистрирован: 08.08.2014, 14:26
Репутация: 356

ACP Mobile - мобильная админка

Сообщение Anvar » 17.08.2014, 11:10 #1

Адаптивная вёрстка администраторского раздела phpBB.
Мобильный вид с телефона, веб просмотр с компьютера.


Для чего это нужно?
Бывает что нет компьютера под рукой, а в администраторском разделе необходимо выполнить те или иные действия. С мобильного телефона можно конечно зайти и управлять, я так и делал до недавнего времени, но это не очень удобно - управлять форумом с мобильного телефона. По этому сделал небольшое дополнение, пару килобайт кода в обмен на юзабилити админки.

Установка:

Для начала подключаем адаптивный стиль:

acp_responsive.css
Reponsive CSS - Кладём в adm / style
(1.6 КБ) 57 скачиваний


Затем открываем acp/style/overall_header.html

Find Найти содержимое с полным или частичным совпадением.

Код: Выделить всё

<link href="style/admin.css" rel="stylesheet" type="text/css" media="screen" />

Add after Добавьте после найденного на новую строку.

Код: Выделить всё

<link href="style/acp_responsive.css" rel="stylesheet" type="text/css" media="screen" />

Find Найти содержимое с полным или частичным совпадением.

Код: Выделить всё

      // hide
      case 'shown':
         main.style.width = '93%';
         menu_state = 'hidden';

Replace with Замените найденное выше, новым содержимым.

Код: Выделить всё

      // hide
      case 'hidden':
         main.style.width = '93%';
         menu_state = 'shown';

Find Найти содержимое с полным или частичным совпадением.

Код: Выделить всё

      // show
      case 'hidden':
         main.style.width = '76%';
         menu_state = 'shown';

Replace with Замените найденное выше, новым содержимым.

Код: Выделить всё

      // show
      case 'shown':
         main.style.width = '76%';
         menu_state = 'hidden';


Сохраняем и закрываем, заходим с мобильного и радуемся.
Не пишите в ЛС и ICQ вопросы которые можете задать на форуме!
Заказы по разработке не выполняю!

Аватара пользователя
Anvar
Администратор
Администратор
Сообщения: 1260
Зарегистрирован: 08.08.2014, 14:26
Репутация: 356

Re: Мобильный вид админ раздела

Сообщение Anvar » 17.08.2014, 11:44 #2

Теперь смотрим скрины как это выглядит
Вложения
Настройка вложений в админке - acp_control_panel_attach.jpg
Настройка вложений в админке
Управление форумом - acp_forums.jpg
Управление форумом

Аватара пользователя
Staiki Kiev
bb3.1.3
bb3.1.3
Сообщения: 387
Зарегистрирован: 03.03.2015, 02:57
Репутация: 5

ACP Mobile - мобильная админка

Сообщение Staiki Kiev » 21.03.2015, 22:46 #3

Anvar писал(а):Затем открываем acp/style/overall_header.html

А у меня нет на хосте такой папки аср.Где её ещё можно найти?
http://staiki.net/index.php - Форум Компьютерной Помощи

Аватара пользователя
Anvar
Администратор
Администратор
Сообщения: 1260
Зарегистрирован: 08.08.2014, 14:26
Репутация: 356

ACP Mobile - мобильная админка

Сообщение Anvar » 22.03.2015, 05:08 #4

Такая папка есть, но это для phpbb 3.0, в phpbb 3.1 админка и так адаптивная под мобильные.

Аватара пользователя
Staiki Kiev
bb3.1.3
bb3.1.3
Сообщения: 387
Зарегистрирован: 03.03.2015, 02:57
Репутация: 5

ACP Mobile - мобильная админка

Сообщение Staiki Kiev » 22.03.2015, 10:32 #5

Anvar писал(а):в phpbb 3.1 админка и так адаптивная под мобильные.

Я понял.Спс.


Вернуться в «Стили, графика, шаблоны и скины»