Интерфейс главного меню. Как это поправить?
Модератор: immortal
- woow
- Сообщения: 821
- Зарегистрирован: Пн июл 04, 2016 8:46 am
- Откуда: Mazeikiai
- Благодарил (а): 125 раз
- Поблагодарили: 46 раз
Интерфейс главного меню. Как это поправить?
Как увеличить "кнопки" в мобильном браузере, для меня основной интерфейс. Добавлял добавлял они по вертикали сужались и стало очень неудобно управлять. Все выстраивается по вертикали и располагать по горизонтали не знаю как. Часть кнопок убрал - осталось с низу пустое поле а кнопки так и остались узкие по вертикали. Как это поправить?
(Вообще -то нудный интерфейс, серый фон и надписи, очень не современно, очень отстаём от "конкурентов".)
(Вообще -то нудный интерфейс, серый фон и надписи, очень не современно, очень отстаём от "конкурентов".)
- Рейтинг: 1.16%
Raspberry Pi 3B+
-
- Сообщения: 42
- Зарегистрирован: Сб окт 28, 2017 8:06 pm
- Благодарил (а): 5 раз
- Поблагодарили: 4 раза
Re: Интерфейс главного меню. Как это поправить?
Интересно от каких?woow писал(а): очень отстаём от "конкурентов".)
И серый вид можно сделать все под себя,если разбираешься....
-
- Сообщения: 708
- Зарегистрирован: Сб авг 18, 2012 10:21 am
- Благодарил (а): 26 раз
- Поблагодарили: 183 раза
Re: Интерфейс главного меню. Как это поправить?
В части визуализации мы сильно отстаем например от ioBroker.NiKiToS писал(а):Интересно от каких?woow писал(а): очень отстаём от "конкурентов".)
И серый вид можно сделать все под себя,если разбираешься....
- lanket
- Сообщения: 1168
- Зарегистрирован: Вт окт 14, 2014 11:27 pm
- Откуда: Санкт-Петербург
- Благодарил (а): 260 раз
- Поблагодарили: 163 раза
Re: Интерфейс главного меню. Как это поправить?
А если разработать какую либо реализацию шаблонов. Как CMS. Умные и продвинутые смогут кастомизировать как захотят. Добавив возможность публиковать шаблоны, остальные смогут через маркет подгружать и применять меняя внешний вид как меню так может и интерфейса пириложений/модулей.
Отправлено с моего Redmi Note 4 через Tapatalk
Отправлено с моего Redmi Note 4 через Tapatalk
Разработка голосового асистента для Мажордомо по любому ключевому слову.
Обсужение
gitHub 2й версии терминала
GitHub модуля для МД
gitHub сырого модуля 2й версии
Connect
Rasberry Pi 2, MDM, MySensors. И говорящий апельсин.
Обсужение
gitHub 2й версии терминала
GitHub модуля для МД
gitHub сырого модуля 2й версии
Connect
Rasberry Pi 2, MDM, MySensors. И говорящий апельсин.
- VooDooN
- Сообщения: 307
- Зарегистрирован: Сб июн 11, 2016 12:02 am
- Благодарил (а): 170 раз
- Поблагодарили: 64 раза
Re: Интерфейс главного меню. Как это поправить?
Получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/) так:
Как поменять тему оформления:
1) В папку templates_alt распаковываем содержимое архива Там файл 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.
СпойлерПоказать
1) В папку templates_alt распаковываем содержимое архива Там файл 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: Интерфейс главного меню. Как это поправить?
Мысль прогрессивная вселяющая надежду. Но по реакции читавших скорей всего большинство так и не поняли что с этими достижениями и добром делать. Точнее здесь мы про Windows или про Linux говорим. Если Linux можно по подробнее пути указать ?/?/?/templates_alt
Raspberry Pi 3B+
- Ron
- Сообщения: 480
- Зарегистрирован: Пт окт 27, 2017 6:44 pm
- Благодарил (а): 144 раза
- Поблагодарили: 70 раз
-
- Сообщения: 25
- Зарегистрирован: Пт янв 05, 2018 1:54 pm
- Благодарил (а): 13 раз
- Поблагодарили: 1 раз
Re: Интерфейс главного меню. Как это поправить?
Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
- woow
- Сообщения: 821
- Зарегистрирован: Пн июл 04, 2016 8:46 am
- Откуда: Mazeikiai
- Благодарил (а): 125 раз
- Поблагодарили: 46 раз
Re: Интерфейс главного меню. Как это поправить?
не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.
Raspberry Pi 3B+
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Интерфейс главного меню. Как это поправить?
Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).Teacher_77 писал(а):Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
Иконки вот нормальные вроде https://majordomo.smartliving.ru/forum/ ... 515#p24515woow писал(а):не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.
Смотря что хотите изменить. Если в меню - смотрите в сторону тем 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
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<