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

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

Модератор: immortal

Teacher_77
Сообщения: 25
Зарегистрирован: Пт янв 05, 2018 1:54 pm
Благодарил (а): 13 раз
Поблагодарили: 1 раз

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

Сообщение Teacher_77 » Ср фев 07, 2018 3:50 pm

nick7zmail писал(а):
Teacher_77 писал(а):Коллеги, а кто знает как присобачить на кнопки иконки вместо надписей?
Примерно так http://demos.jquerymobile.com/1.4.5/icons/ (внизу страницы примеры с кнопками).
Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

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

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

Почему в потроха...создайте пустой html-элемент, и код закиньте

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

<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-delete ui-btn-icon-notext">Delete</a>
(это пример с той страницы) - должна быть кнопочка без надписи. На OnClick только действие повесить какое нить - и готово. В потроха - это скорее второй мой ответ про темы...вот там да, в ядре системы изменения.
За это сообщение автора nick7zmail поблагодарили (всего 2):
Teacher_77 (Ср фев 07, 2018 9:12 pm) • lanket (Ср фев 07, 2018 10:54 pm)
Рейтинг: 2.33%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
VooDooN
Сообщения: 307
Зарегистрирован: Сб июн 11, 2016 12:02 am
Благодарил (а): 170 раз
Поблагодарили: 64 раза

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

Сообщение VooDooN » Ср фев 07, 2018 5:22 pm

Teacher_77 писал(а):Ндя... Походу в потроха надо лезть, там везде какой-то код, то html то css...
Мне то всего и надо что сделать кнопки для управления жалюзи: вверх, вниз, стоп
Я для управление камерой через меню, чтобы не заморачиваться с картинками стрелочек, использовал просто знаки больше, меньше и спецсимволы &#x2227; и &#x2228;

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

<td><input id="btnleft" type="button" value="<" onClick="OnPtzMouseLeftGostGost()"/></td>
<td><input id="btnup" type="button" value="&#x2227;" onClick="OnPtzMouseUpGost()"/></td>
<td><input id="btndown" type="button" value="&#x2228;" onClick="OnPtzMouseDownGost()"/></td>
<td><input id="btnright" type="button" value=">" onClick="OnPtzMouseRightGost()"/></td> 
Получилось так:
Cam.PNG
Cam.PNG (88.1 КБ) 4812 просмотров
За это сообщение автора VooDooN поблагодарили (всего 2):
skysilver (Ср фев 07, 2018 6:43 pm) • Teacher_77 (Ср фев 07, 2018 9:13 pm)
Рейтинг: 2.33%
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

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

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

Ну стандартные тож неплохо смотрятся)))
1.jpg
1.jpg (2.76 КБ) 4802 просмотра

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

<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-l ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-u ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-d ui-btn-icon-notext ui-btn-inline"></button>
<button class="ui-btn ui-shadow ui-corner-all ui-icon-carat-r ui-btn-icon-notext ui-btn-inline"></button>
 
За это сообщение автора nick7zmail поблагодарил:
VooDooN (Ср фев 07, 2018 6:03 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Teacher_77
Сообщения: 25
Зарегистрирован: Пт янв 05, 2018 1:54 pm
Благодарил (а): 13 раз
Поблагодарили: 1 раз

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

Сообщение Teacher_77 » Ср фев 07, 2018 9:13 pm

Спасибо всем - заработало!

:shock:
Рано радовался - как теперь выполнять действия по "кнопкам", если они - строчки в HTML блоке?
В оригинальных кнопках и метод и сценарий и код...
:roll:
Как повесить действие на OnClick не нашел пока.
skysilver
Сообщения: 3006
Зарегистрирован: Чт авг 21, 2014 8:28 am
Откуда: Киров, Россия
Благодарил (а): 400 раз
Поблагодарили: 1753 раза
Контактная информация:

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

Сообщение skysilver » Ср фев 07, 2018 9:56 pm

Teacher_77 писал(а):Как повесить действие на OnClick не нашел пока.
По аналогии

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

<button   style="width:80px;height:30px" class="#" onclick='callMethod("LGTV.buttonCHUP");'>
Тут еще можно посмотреть для расширения сознания. ))
https://majordomo.smartliving.ru/forum/ ... =23&t=3960
За это сообщение автора skysilver поблагодарили (всего 2):
VooDooN (Чт фев 08, 2018 12:29 am) • Teacher_77 (Чт фев 08, 2018 9:28 am)
Рейтинг: 2.33%
MajorDoMo (GitHub) на Cubietruck. ОС Debian 7 (wheezy) (kernel 3.4.105) с переносом на HDD.
Мой CONNECT | Блоги | Telegram
Аватара пользователя
Amarok
Сообщения: 1425
Зарегистрирован: Пт дек 14, 2012 12:24 pm
Откуда: Россия, Нижняя Тура
Благодарил (а): 460 раз
Поблагодарили: 126 раз
Контактная информация:

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

Сообщение Amarok » Чт фев 08, 2018 8:54 am

VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню
Opera Снимок_2018-02-08_105015_192.168.0.251.png
Opera Снимок_2018-02-08_105015_192.168.0.251.png (29.89 КБ) 4722 просмотра
Где можно уменьшить размер иконок и убрать отступы от краёв (padding который)? Я давно себе отступы убирал, но сейчас уже не помню где именно.
Алиска живёт на Ubuntu Server 14.04.3 LTS
connect, группа в Telegram, Яндекс.Деньги для благодарностей за помощь: 41001355945165
Аватара пользователя
Amarok
Сообщения: 1425
Зарегистрирован: Пт дек 14, 2012 12:24 pm
Откуда: Россия, Нижняя Тура
Благодарил (а): 460 раз
Поблагодарили: 126 раз
Контактная информация:

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

Сообщение Amarok » Чт фев 08, 2018 8:56 am

VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).
А туда можно текущую тему "вгрузить" для перекраски под себя?
Алиска живёт на Ubuntu Server 14.04.3 LTS
connect, группа в Telegram, Яндекс.Деньги для благодарностей за помощь: 41001355945165
Аватара пользователя
VooDooN
Сообщения: 307
Зарегистрирован: Сб июн 11, 2016 12:02 am
Благодарил (а): 170 раз
Поблагодарили: 64 раза

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

Сообщение VooDooN » Чт фев 08, 2018 11:29 am

Amarok писал(а):
VooDooN писал(а):Вчера поставил себе цель разобраться, как же изменить оформление главного меню. В результате, получилось изменить тему оформления через ThemeRoller For jQueryMobile (http://themeroller.jquerymobile.com/).
А туда можно текущую тему "вгрузить" для перекраски под себя?
Если "накатили" jQueryMobile 1.4.5, как я писал выше, то достаточно открыть в блокноте файл MyTheme.css, скопировать текст в буфер, а потом на сайте http://themeroller.jquerymobile.com/ нажать на Import и вставить из буфера текст в большое поле. И заипортить его. Можно перекрашивать. А вот как редактировать на сайте стандартные темы MajorDoMo, я так и не понял.
Про отступы и размер картинок пока ответа у меня нет, еще не пробовал.
Аватара пользователя
Amarok
Сообщения: 1425
Зарегистрирован: Пт дек 14, 2012 12:24 pm
Откуда: Россия, Нижняя Тура
Благодарил (а): 460 раз
Поблагодарили: 126 раз
Контактная информация:

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

Сообщение Amarok » Чт фев 08, 2018 1:37 pm

Убираем боковые отступы:
jquery.mobile.structure-1.4.5.cssПоказать

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

.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: .25em;
}
 
Padding и подбираем. У меня .025 (было 1)
Как видим, отступ по бокам стал меньше:
Opera Снимок_2018-02-08_154641_192.168.0.251.png
Opera Снимок_2018-02-08_154641_192.168.0.251.png (23.66 КБ) 4642 просмотра
За это сообщение автора Amarok поблагодарил:
VooDooN (Чт фев 08, 2018 1:49 pm)
Рейтинг: 1.16%
Алиска живёт на Ubuntu Server 14.04.3 LTS
connect, группа в Telegram, Яндекс.Деньги для благодарностей за помощь: 41001355945165
Ответить