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

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

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

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

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


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

Установка:

Для начала подключаем адаптивный стиль:
acp_responsive.css
Reponsive CSS - Кладём в adm / style
(1.6 КБ) 61 скачивание
Затем открываем 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
Администратор
Администратор
Сообщения: 1309
Зарегистрирован: 08.08.2014, 14:26

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

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

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

Anvar писал(а):Затем открываем acp/style/overall_header.html
А у меня нет на хосте такой папки аср.Где её ещё можно найти?
http://staiki.net/index.php - Форум Компьютерной Помощи

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

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

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

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

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

Ответить Вложения 3