[Дизайн] Сцена "Оранжевый бриз"

Оформление сцен, меню, страниц

Модераторы: immortal, newz20

Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

[Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вт мар 24, 2020 6:59 pm

Выкладываю свой вариант сцены "Оранжевый бриз". Все иконки векторные, можете переделывать по своему вкусу, также есть готовые растровые иконки. Открывать в CoralDraw.

Вид главной сцены, правый информационный круг отображает различную информацию, можно по нему просто кликать и он будем менять отображение информации. Если на главной сцене иконок для вас будет мало, то можете сделать клон главной сцены, сделать прозрачный круг и разместить вокруг виджета погоды. Тапнув на него, вы переключаетесь на клон главной сцены, но уже с другими иконками.
СпойлерПоказать
Главная сцена - 1.JPG
Главная сцена - 1.JPG (156.34 КБ) 4616 просмотров
Главная сцена - 2.JPG
Главная сцена - 2.JPG (155.69 КБ) 4616 просмотров
Главная сцена - 3.JPG
Главная сцена - 3.JPG (153.12 КБ) 4616 просмотров
Главная сцена - 4.jpg
Главная сцена - 4.jpg (279.29 КБ) 4616 просмотров
В этом месте, где указана стрелка, меняется статус дня: день/сумерки/ночь
Главная сцена - 5.jpg
Главная сцена - 5.jpg (287.79 КБ) 4616 просмотров
Вид сцены управления кондиционером
СпойлерПоказать
Сцена кондиционер.JPG
Сцена кондиционер.JPG (145.97 КБ) 4616 просмотров
Сцена кондиционер - 2.JPG
Сцена кондиционер - 2.JPG (148.53 КБ) 4616 просмотров
Вид сцены управления пылесосом
СпойлерПоказать
Сцена пылесос.JPG
Сцена пылесос.JPG (111.71 КБ) 4616 просмотров
Вид иконок
СпойлерПоказать
Иконки сцены Оранжевый бриз.JPG
Иконки сцены Оранжевый бриз.JPG (86.34 КБ) 4616 просмотров
Иконки - погода.JPG
Иконки - погода.JPG (58.36 КБ) 4616 просмотров
Иконки - кондиционер.JPG
Иконки - кондиционер.JPG (48.45 КБ) 4616 просмотров
Иконки - пылесос.JPG
Иконки - пылесос.JPG (21.92 КБ) 4616 просмотров
Видеообзор темы здесь
Скачать тему здесь


Обновление сцены от 27.03.2020

Благодаря теме "Вид на землю", я учел некоторые свои ошибки. Добавил в тему Оранжевый бриз меню и сделал еще иконки. Также добавил кнопку Панель управления, чтобы при нажатии вы могли попасть в панель управления mjdm
СпойлерПоказать
Панель управления вид на сцене.jpg
Панель управления вид на сцене.jpg (151.39 КБ) 4342 просмотра
Панель управления.JPG
Панель управления.JPG (65.11 КБ) 4342 просмотра
вставьте этот код

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

<a href="/admin.php?" target="_parent"><img src="/cms/scenes/OrangeBreeze/Main/Icons/ControlPanel.png"></img></a>
Вид сцены Меню. Иконки я добавил в архив, можете скачать их, нажав по ссылке выше
СпойлерПоказать
Сцена - иконка меню.jpg
Сцена - иконка меню.jpg (152.72 КБ) 4342 просмотра
Сцена Оранжевый бриз - меню.JPG
Сцена Оранжевый бриз - меню.JPG (61.42 КБ) 4342 просмотра
Если вы привязываете кнопки к боковому меню и нужно вернуться домой, то можно сделать так, вставьте такой код

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

<a href="/popup/scenes/[color=#FF0000]номер вашей домашней сцены[/color].html" target="_parent"><img src="/cms/scenes/OrangeBreeze/Main/Icons/Home.png"></img></a>
СпойлерПоказать
Сервис - домой.JPG
Сервис - домой.JPG (69.98 КБ) 4340 просмотров
Боковое меню.JPG
Боковое меню.JPG (24.48 КБ) 4340 просмотров

Так как появилось несколько тем и иконки я буду именовать по единым именам, то очень рекомендую в 3rdparty (загрузка изображении) каталогизировать папки, это поможет избежать путаницы с иконками и обоями. Вот как сделано у меня.
СпойлерПоказать
Структура папок для изображении.jpg
Структура папок для изображении.jpg (106.47 КБ) 4342 просмотра
Если вы используете управление на планшете, то сделайте следующее. В настройках сцены включите функцию Автоматически изменять размер сцены, а настройках mjdm выберите домашнюю страницу по умолчанию
СпойлерПоказать
авторазмер.jpg
авторазмер.jpg (126.21 КБ) 4342 просмотра
Использовать домашнюю страницу.jpg
Использовать домашнюю страницу.jpg (98.46 КБ) 4342 просмотра
Последний раз редактировалось Divan Пт мар 27, 2020 5:04 pm, всего редактировалось 2 раза.
За это сообщение автора Divan поблагодарили (всего 8):
Plug (Вт мар 24, 2020 8:54 pm) • Samir77 (Чт мар 26, 2020 4:30 pm) • zamikatel (Пт мар 27, 2020 11:40 am) • homester (Пт мар 27, 2020 5:37 pm) • maximys (Ср апр 01, 2020 1:28 am) • Мазур (Чт апр 02, 2020 11:17 am) • indiana (Чт июн 18, 2020 4:42 pm) • psasha (Вс сен 20, 2020 10:01 pm)
Рейтинг: 9.41%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Nail
Сообщения: 349
Зарегистрирован: Пн мар 05, 2018 7:09 am
Откуда: Самара
Благодарил (а): 153 раза
Поблагодарили: 21 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Nail » Вт мар 24, 2020 11:12 pm

/cms/scenes/styles/MainScene/CircleClockNoFone.png
Картинки что то не нашел?
Mini AMD A6 1450 Quad-core.Ubuntu Server 18.04 (64-bit). MegaD. Zigbee2mqtt+SLS ZigBee Gateway. Broadlink.
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вт мар 24, 2020 11:47 pm

Обновил архивный файл сцена Оранжевый бриз, скачайте еще раз, там должны быть уже все иконки
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Dev
Сообщения: 1
Зарегистрирован: Пт мар 27, 2020 10:00 am
Благодарил (а): 1 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Dev » Пт мар 27, 2020 10:06 am

CorelDRAW 2019 - это круто конечно... Дмитрий, а не сильно напрягу тебя, если попрошу понизить версию до 13?
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Пт мар 27, 2020 5:29 pm

Обновил архив, добавил папку Иконки - векторные для CoralDraw версии 11 и выше.
За это сообщение автора Divan поблагодарил:
Dev (Сб мар 28, 2020 2:47 pm)
Рейтинг: 1.18%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Сб мар 28, 2020 12:07 am

Выражаю благодарность участнику форума yurat2008 за его интересную идею. Выкладываю.

Варианты отображения времени суток. При наступлении дня и ночи, будут отображаться солнце и луна, при наступлении сумерек солнца на фоне не будет.
СпойлерПоказать
Sun.JPG
Sun.JPG (288.66 КБ) 4283 просмотра
moon.jpg
moon.jpg (292.6 КБ) 4283 просмотра
Иконки и сам элемент можете скачать тут.


Создайте свойство, например SceneMain.TimeDay, где будут значения: sun/moon, на основе этих значении будут меняться иконки

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

<img src="/cms/scenes/OrangeBreeze/Main/Icons/%SceneMain.TimeDay%.png" align="absmiddle"></img>
Вложения
Время суток.zip
(51.64 КБ) 155 скачиваний
За это сообщение автора Divan поблагодарили (всего 2):
vitosmaxim80sad145 (Вс мар 29, 2020 11:05 am) • homester (Вс мар 29, 2020 12:43 pm)
Рейтинг: 2.35%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
vitosmaxim80sad145
Сообщения: 128
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 88 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение vitosmaxim80sad145 » Вс мар 29, 2020 11:03 am

сцена супер на 5+ вот только куда извлекать из ахрива сцены: класы, обои и иконки
Аватара пользователя
vitosmaxim80sad145
Сообщения: 128
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 88 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение vitosmaxim80sad145 » Вс мар 29, 2020 2:08 pm

Divan писал(а):
Сб мар 28, 2020 12:07 am
Выражаю благодарность участнику форума yurat2008 за его интересную идею. Выкладываю.

а где можна взять сценарий для свойства SceneMain.TimeDay
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение Divan » Вс мар 29, 2020 9:20 pm

Выкладываю видеоинструкцию, как импортировать сцену Оранжевый бриз, как делать день и ночь, также создал новые иконки, скачать их можете здесь
СпойлерПоказать
Новые кнопки.JPG
Новые кнопки.JPG (42.66 КБ) 4131 просмотр
За это сообщение автора Divan поблагодарили (всего 2):
homester (Пн мар 30, 2020 1:12 am) • vitosmaxim80sad145 (Пн мар 30, 2020 8:48 am)
Рейтинг: 2.35%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
maximys
Сообщения: 1
Зарегистрирован: Ср апр 01, 2020 1:26 am
Благодарил (а): 1 раз
Поблагодарили: 0

Re: [Дизайн] Сцена "Оранжевый бриз"

Сообщение maximys » Ср апр 01, 2020 1:32 am

Я только начинаю вникать в платформу. Взял вашу сцену для освоения, всё по видео сделал. В принципе всё получилось. Не получилось никак настроить Информационный виджет в углу. Не напишите ещё про его настройку?
Ответить