Интерфейс главного меню. Как это поправить?

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Аватара пользователя
woow
Сообщения: 821
Зарегистрирован: Пн июл 04, 2016 8:46 am
Откуда: Mazeikiai
Благодарил (а): 125 раз
Поблагодарили: 46 раз

Интерфейс главного меню. Как это поправить?

Сообщение woow » Пт фев 02, 2018 9:56 am

Как увеличить "кнопки" в мобильном браузере, для меня основной интерфейс. Добавлял добавлял они по вертикали сужались и стало очень неудобно управлять. Все выстраивается по вертикали и располагать по горизонтали не знаю как. Часть кнопок убрал - осталось с низу пустое поле а кнопки так и остались узкие по вертикали. Как это поправить?
(Вообще -то нудный интерфейс, серый фон и надписи, очень не современно, очень отстаём от "конкурентов".)
За это сообщение автора woow поблагодарил:
astotskiy (Пн фев 05, 2018 5:09 am)
Рейтинг: 1.16%
Raspberry Pi 3B+
NiKiToS
Сообщения: 42
Зарегистрирован: Сб окт 28, 2017 8:06 pm
Благодарил (а): 5 раз
Поблагодарили: 4 раза

Re: Интерфейс главного меню. Как это поправить?

Сообщение NiKiToS » Пт фев 02, 2018 12:09 pm

woow писал(а): очень отстаём от "конкурентов".)
Интересно от каких?
И серый вид можно сделать все под себя,если разбираешься....
Jager
Сообщения: 708
Зарегистрирован: Сб авг 18, 2012 10:21 am
Благодарил (а): 26 раз
Поблагодарили: 183 раза

Re: Интерфейс главного меню. Как это поправить?

Сообщение Jager » Пт фев 02, 2018 1:28 pm

NiKiToS писал(а):
woow писал(а): очень отстаём от "конкурентов".)
Интересно от каких?
И серый вид можно сделать все под себя,если разбираешься....
В части визуализации мы сильно отстаем например от ioBroker.
Аватара пользователя
lanket
Сообщения: 1168
Зарегистрирован: Вт окт 14, 2014 11:27 pm
Откуда: Санкт-Петербург
Благодарил (а): 260 раз
Поблагодарили: 163 раза

Re: Интерфейс главного меню. Как это поправить?

Сообщение lanket » Пт фев 02, 2018 1:52 pm

А если разработать какую либо реализацию шаблонов. Как CMS. Умные и продвинутые смогут кастомизировать как захотят. Добавив возможность публиковать шаблоны, остальные смогут через маркет подгружать и применять меняя внешний вид как меню так может и интерфейса пириложений/модулей.

Отправлено с моего Redmi Note 4 через Tapatalk
Разработка голосового асистента для Мажордомо по любому ключевому слову.
:arrow: Обсужение
:arrow: gitHub 2й версии терминала
:arrow: GitHub модуля для МД
gitHub сырого модуля 2й версии
:arrow: Connect
Rasberry Pi 2, MDM, MySensors. И говорящий апельсин.
Аватара пользователя
VooDooN
Сообщения: 307
Зарегистрирован: Сб июн 11, 2016 12:02 am
Благодарил (а): 170 раз
Поблагодарили: 64 раза

Re: Интерфейс главного меню. Как это поправить?

Сообщение VooDooN » Пн фев 05, 2018 12:48 am

Получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/) так:
СпойлерПоказать
Menu1.png
Menu1.png (78.53 КБ) 7022 просмотра
Menu2.png
Menu2.png (72.25 КБ) 7022 просмотра
Menu3.png
Menu3.png (72.59 КБ) 7022 просмотра
Как поменять тему оформления:
1) В папку templates_alt распаковываем содержимое архива
templates_alt.zip
(789.39 КБ) 743 скачивания
Там файл menu.html и папка jquerymobile.
2) Уже на этом этапе будет работать новая тема, как на скринах выше. На главной странице MajorDoMo нажмите CTRL+F5, чтобы новое оформление перезаписало старое, сохраненное в кэше браузера.

Чтобы создать свою тему:
1) Идем на сайт http://themeroller.jquerymobile.com/.
2) Разбираемся с инструментами. Можно перекрасить текст, кнопки, фон. Выставлять тень и закругленность углов.
3) Нажимаем кнопку Download и указываем имя темы MyTheme. Скачиваем архив с оформлением.
4) Из этого архива копируем только css-файлы в папку templates_alt/jquerymobile/.
5) На главной странице MajorDoMo нажимаем CTRL+F5.

Чтобы отредактировать чужую тему:
1) Открываем чужую тему в блокноте (файл templates_alt/jquerymobile/MyTheme.css) и копируем всё в буфер обмена.
2) Идем на сайт http://themeroller.jquerymobile.com/ и нажимаем кнопку Import.
3) В окне Import Theme вставляем текст из буфера обмена и нажимаем Import.
4) Разбираемся с инструментами. Можно перекрасить текст, кнопки, фон. Выставлять тень и закругленность углов.
5) Нажимаем кнопку Download и указываем имя темы MyTheme. Скачиваем архив с оформлением.
6) Из этого архива копируем только css-файлы в папку templates_alt/jquerymobile/.
7) На главной странице MajorDoMo нажимаем CTRL+F5.

Чтобы вернуть стандартную тему MajorDoMo:
1) Достаточно удалить только файл menu.html из папки templates_alt. Больше ничего удалять нет необходимости.

Тема оформления не "слетает" после обновления MajorDoMo.
Последний раз редактировалось VooDooN Пт апр 26, 2019 12:59 pm, всего редактировалось 3 раза.
За это сообщение автора VooDooN поблагодарили (всего 13):
skysilver (Пн фев 05, 2018 1:00 am) • neromih (Пн фев 05, 2018 3:44 am) • lanket (Пн фев 05, 2018 11:50 am) • woow (Пн фев 05, 2018 12:08 pm) • ypiter2006 (Пн фев 05, 2018 5:21 pm) • consul (Вт фев 06, 2018 4:13 pm) • Amarok (Чт фев 08, 2018 8:15 am) • viktor6 (Чт ноя 08, 2018 10:13 pm) • Yashalta (Вт ноя 27, 2018 4:15 pm) • Shival (Ср янв 16, 2019 3:42 pm) и ещё 3
Рейтинг: 15.12%
Аватара пользователя
woow
Сообщения: 821
Зарегистрирован: Пн июл 04, 2016 8:46 am
Откуда: Mazeikiai
Благодарил (а): 125 раз
Поблагодарили: 46 раз

Re: Интерфейс главного меню. Как это поправить?

Сообщение woow » Пн фев 05, 2018 12:08 pm

Мысль прогрессивная вселяющая надежду. Но по реакции читавших скорей всего большинство так и не поняли что с этими достижениями и добром делать. Точнее здесь мы про Windows или про Linux говорим. Если Linux можно по подробнее пути указать ?/?/?/templates_alt
Raspberry Pi 3B+
Аватара пользователя
Ron
Сообщения: 480
Зарегистрирован: Пт окт 27, 2017 6:44 pm
Благодарил (а): 144 раза
Поблагодарили: 70 раз

Re: Интерфейс главного меню. Как это поправить?

Сообщение Ron » Пн фев 05, 2018 12:23 pm

/var/www/templates_alt
За это сообщение автора Ron поблагодарил:
woow (Пн фев 05, 2018 3:15 pm)
Рейтинг: 1.16%
Teacher_77
Сообщения: 25
Зарегистрирован: Пт янв 05, 2018 1:54 pm
Благодарил (а): 13 раз
Поблагодарили: 1 раз

Re: Интерфейс главного меню. Как это поправить?

Сообщение Teacher_77 » Вт фев 06, 2018 10:10 am

Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
Аватара пользователя
woow
Сообщения: 821
Зарегистрирован: Пн июл 04, 2016 8:46 am
Откуда: Mazeikiai
Благодарил (а): 125 раз
Поблагодарили: 46 раз

Re: Интерфейс главного меню. Как это поправить?

Сообщение woow » Ср фев 07, 2018 1:32 pm

не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.
Raspberry Pi 3B+
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Интерфейс главного меню. Как это поправить?

Сообщение nick7zmail » Ср фев 07, 2018 2:36 pm

Teacher_77 писал(а):Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).
woow писал(а):не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.
Иконки вот нормальные вроде https://majordomo.smartliving.ru/forum/ ... 515#p24515
Смотря что хотите изменить. Если в меню - смотрите в сторону тем Jquerymobile. Недавно кто-то инструкцию по накату тем выкладывал. Воспользуйтесь поиском http://themeroller.jquerymobile.com/.
За это сообщение автора nick7zmail поблагодарили (всего 2):
Teacher_77 (Ср фев 07, 2018 3:52 pm) • woow (Пн фев 12, 2018 2:54 pm)
Рейтинг: 2.33%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Ответить