Дизайн сцен 2

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

Модератор: immortal

Аватара пользователя
nick7zmail
Сообщения: 7068
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 120 раз
Поблагодарили: 1810 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Пн янв 27, 2020 10:44 am

DiminatorDK писал(а):
Пн янв 27, 2020 8:39 am
Изменил, темным сценам стало хорошо! Спасибо!
Но теперь сползли светлые темы :( Выходит что персонально сцене указать цвет нет возможности?
Можете в css прописать, но не для body, как вы выше пытались, а для конкретного элемента DOM структуры, с которого начинается белый цвет.

PS: Глянул мельком в демке - по ходу надо в /templates/scenes.html менять, т.к. через iframe вставлено.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
DiminatorDK
Сообщения: 86
Зарегистрирован: Сб фев 20, 2016 12:19 pm
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение DiminatorDK » Пн янв 27, 2020 6:52 pm

Понял, спасибо. Поживем пока так :)
Хочу еще помощи попросить, дело в том что функциональная панель темы абсолютно не живая, и часто бывает что не очень быстро происходит реакция на нажатие, т.е пользователь нажал а сцена еще не сменилась. Я пытался воплотить идею смены цвета круга вокруг иконки при нажатии, но знаний css не хватает. Как можно реализовать подобный функционал средствами css.
Снимок8.JPG
Снимок8.JPG (11.9 КБ) 920 просмотров
Аватара пользователя
nick7zmail
Сообщения: 7068
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 120 раз
Поблагодарили: 1810 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Вт янв 28, 2020 6:47 am

Скачайте сцену с маркета. Там есть индикация нажатий.
За это сообщение автора nick7zmail поблагодарил:
DiminatorDK (Вт янв 28, 2020 9:32 am)
Рейтинг: 1.25%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
DiminatorDK
Сообщения: 86
Зарегистрирован: Сб фев 20, 2016 12:19 pm
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение DiminatorDK » Вт янв 28, 2020 9:32 am

Да, точно, спасибо.
DiminatorDK
Сообщения: 86
Зарегистрирован: Сб фев 20, 2016 12:19 pm
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение DiminatorDK » Сб фев 01, 2020 12:39 pm

Да, индикация нажатий есть но она хороша на компе, когда мышку наводишь. На планшете стало хуже :( Если нажал и передержал то событие не срабатывает. Может быть можно на клик просто перекрасить элемент? Допустим рамка стала красной? Будет понятно что событие произошло и больше тыкать не надо.
Garik908
Сообщения: 47
Зарегистрирован: Пт ноя 01, 2019 9:58 am
Благодарил (а): 32 раза
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение Garik908 » Сб фев 01, 2020 2:10 pm

А зачем? Данные кнопки служат, чтобы нажал и сработал переход на другую сцену... В данной картинке переход на сцену с погодой. А там уже и невидно какая кнопка....
DiminatorDK
Сообщения: 86
Зарегистрирован: Сб фев 20, 2016 12:19 pm
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение DiminatorDK » Сб фев 01, 2020 3:14 pm

Смысл в том что тыкаешь на кнопку на планшете и нет понимания нажал или нет. Сейчас надо немного подержать чтобы прошла анимация. Интерфейс же не реал тайм поэтому не очень понятно. А если еще и браузер подтупливает то вообще.
Я по аналогии с обычным выключателем на сцене.
pasha413
Сообщения: 93
Зарегистрирован: Сб янв 13, 2018 6:28 pm
Благодарил (а): 16 раз
Поблагодарили: 0

Re: Дизайн сцен 2

Сообщение pasha413 » Сб фев 01, 2020 10:24 pm

Здравствуйте, А как изменить значек на другой?
Снимок8.JPG
Снимок8.JPG (11.9 КБ) 750 просмотров
Моё: Orange Pi Zero H2 + DietPi / Paspberry Pi3b + MJD 3.41
DiminatorDK
Сообщения: 86
Зарегистрирован: Сб фев 20, 2016 12:19 pm
Благодарил (а): 7 раз
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение DiminatorDK » Сб фев 01, 2020 11:06 pm

pasha413 писал(а):Здравствуйте, А как изменить значек на другой?
Любой из элементов function, в коде находите i class="fa fa-"что-то, допустим sun). Меняете на что-то из https://fontawesome.com/v4.7.0/icons/
За это сообщение автора DiminatorDK поблагодарил:
pasha413 (Вс фев 02, 2020 10:20 am)
Рейтинг: 1.25%
Garik908
Сообщения: 47
Зарегистрирован: Пт ноя 01, 2019 9:58 am
Благодарил (а): 32 раза
Поблагодарили: 2 раза

Re: Дизайн сцен 2

Сообщение Garik908 » Вс фев 02, 2020 5:07 am

pasha413 писал(а):
Сб фев 01, 2020 10:24 pm
Здравствуйте, А как изменить значек на другой?
Снимок8.JPG
Найди в ютубе видео что то с названием векторная графика в majordomo. Канал вроде Гениально просто... Много что полезного есть
За это сообщение автора Garik908 поблагодарил:
pasha413 (Вс фев 02, 2020 10:11 am)
Рейтинг: 1.25%
Ответить