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

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

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

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

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

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

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

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


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

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

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

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

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

<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 КБ) 8041 просмотр
Боковое меню.JPG
Боковое меню.JPG (24.48 КБ) 8041 просмотр

Так как появилось несколько тем и иконки я буду именовать по единым именам, то очень рекомендую в 3rdparty (загрузка изображении) каталогизировать папки, это поможет избежать путаницы с иконками и обоями. Вот как сделано у меня.
СпойлерПоказать
Структура папок для изображении.jpg
Структура папок для изображении.jpg (106.47 КБ) 8043 просмотра
Если вы используете управление на планшете, то сделайте следующее. В настройках сцены включите функцию Автоматически изменять размер сцены, а настройках mjdm выберите домашнюю страницу по умолчанию
СпойлерПоказать
авторазмер.jpg
авторазмер.jpg (126.21 КБ) 8043 просмотра
Использовать домашнюю страницу.jpg
Использовать домашнюю страницу.jpg (98.46 КБ) 8043 просмотра
Последний раз редактировалось 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.3%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Nail
Сообщения: 373
Зарегистрирован: Пн мар 05, 2018 7:09 am
Откуда: Самара
Благодарил (а): 174 раза
Поблагодарили: 28 раз

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
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

Выкладываю видеоинструкцию, как импортировать сцену Оранжевый бриз, как делать день и ночь, также создал новые иконки, скачать их можете здесь
СпойлерПоказать
Новые кнопки.JPG
Новые кнопки.JPG (42.66 КБ) 7832 просмотра
За это сообщение автора Divan поблагодарили (всего 2):
homester (Пн мар 30, 2020 1:12 am) • vitosmaxim80sad145 (Пн мар 30, 2020 8:48 am)
Рейтинг: 2.33%
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

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