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

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

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

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

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

Сообщение Divan »

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

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


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

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

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

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

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

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

Так как появилось несколько тем и иконки я буду именовать по единым именам, то очень рекомендую в 3rdparty (загрузка изображении) каталогизировать папки, это поможет избежать путаницы с иконками и обоями. Вот как сделано у меня.
SPOILERSPOILER_SHOW
Структура папок для изображении.jpg
Структура папок для изображении.jpg (106.47 КБ) 14086 просмотров
Если вы используете управление на планшете, то сделайте следующее. В настройках сцены включите функцию Автоматически изменять размер сцены, а настройках mjdm выберите домашнюю страницу по умолчанию
SPOILERSPOILER_SHOW
авторазмер.jpg
авторазмер.jpg (126.21 КБ) 14086 просмотров
Использовать домашнюю страницу.jpg
Использовать домашнюю страницу.jpg (98.46 КБ) 14086 просмотров
Последний раз редактировалось Divan Пт мар 27, 2020 5:04 pm, всего редактировалось 2 раза.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Nail
Сообщения: 377
Зарегистрирован: Пн мар 05, 2018 7:09 am
Откуда: Самара

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

Сообщение Nail »

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

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

Сообщение Divan »

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

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

Сообщение Dev »

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

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

Сообщение Divan »

Обновил архив, добавил папку Иконки - векторные для CoralDraw версии 11 и выше.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm

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

Сообщение Divan »

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

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


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

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

<img src="/cms/scenes/OrangeBreeze/Main/Icons/%SceneMain.TimeDay%.png" align="absmiddle"></img>
Вложения
Время суток.zip
(51.64 КБ) 642 скачивания
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
vitosmaxim80sad145
Сообщения: 148
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр

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

Сообщение vitosmaxim80sad145 »

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

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

Сообщение vitosmaxim80sad145 »

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

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

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

Сообщение Divan »

Выкладываю видеоинструкцию, как импортировать сцену Оранжевый бриз, как делать день и ночь, также создал новые иконки, скачать их можете здесь
SPOILERSPOILER_SHOW
Новые кнопки.JPG
Новые кнопки.JPG (42.66 КБ) 13875 просмотров
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
maximys
Сообщения: 1
Зарегистрирован: Ср апр 01, 2020 1:26 am

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

Сообщение maximys »

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