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

[woow]

Как увеличить "кнопки" в мобильном браузере, для меня основной интерфейс. Добавлял добавлял они по вертикали сужались и стало очень неудобно управлять. Все выстраивается по вертикали и располагать по горизонтали не знаю как. Часть кнопок убрал - осталось с низу пустое поле а кнопки так и остались узкие по вертикали. Как это поправить?
(Вообще -то нудный интерфейс, серый фон и надписи, очень не современно, очень отстаём от "конкурентов".)

[NiKiToS]

очень отстаём от "конкурентов".)

Интересно от каких?
И серый вид можно сделать все под себя,если разбираешься....

[Jager]

очень отстаём от "конкурентов".)

Интересно от каких?
И серый вид можно сделать все под себя,если разбираешься....

В части визуализации мы сильно отстаем например от ioBroker.

[lanket]

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

Отправлено с моего Redmi Note 4 через Tapatalk

[VooDooN]

Получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/) так:

SPOILERSPOILER_SHOW

Menu1.png (78.53 КБ) 9168 просмотров

Menu2.png (72.25 КБ) 9168 просмотров

Menu3.png (72.59 КБ) 9168 просмотров

Как поменять тему оформления:
1) В папку templates_alt распаковываем содержимое архива

templates_alt.zip

(789.39 КБ) 881 скачивание

Там файл 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.

[woow]

Мысль прогрессивная вселяющая надежду. Но по реакции читавших скорей всего большинство так и не поняли что с этими достижениями и добром делать. Точнее здесь мы про Windows или про Linux говорим. Если Linux можно по подробнее пути указать ?/?/?/templates_alt

[Ron]

/var/www/templates_alt

[Teacher_77]

Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?

[woow]

не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.

[nick7zmail]

Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?

Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).

не плохо бы было чтобы поделились иконками. А вопрос такой. хочу кое что изменить под себя где, что и чем править.

Иконки вот нормальные вроде https://majordomo.smartliving.ru/forum/ ... 515#p24515
Смотря что хотите изменить. Если в меню - смотрите в сторону тем Jquerymobile. Недавно кто-то инструкцию по накату тем выкладывал. Воспользуйтесь поиском http://themeroller.jquerymobile.com/.