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

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

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

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

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

Сообщение Divan » Пт апр 17, 2020 4:39 am

Полностью переделал сцену Оранжевый бриз, сохранив ее стиль, но сделал ее гибкой, в плане настройки стиля под себя. Формат подогнал под планшет. Сцена с авто установщиком и активации.

Посмотреть демонстрационное видео можно здесь

Сцену можно установить из маркета MajorDoMo


Внимание!!! Боковое меню необходимо импортировать отдельно. Файл во вложении.
СпойлерПоказать

Общий вид сцены Оранжевый бриз
СпойлерПоказать
Общий вид сцены после активации.JPG
Общий вид сцены после активации.JPG (183.46 КБ) 5900 просмотров
Инфоблок
Инфоблок по умолчанию выключен. Если нужно его задействовать, то достаточно указать название инфоблока и оно появится. Для того, чтобы внизу отображались иконки, нужно сделать передачу значении с класса вашего устройства на свойство InformationBlockХХ.IconХХ
Эти объекты для работы инфоблока
СпойлерПоказать
01 Инфоблоки - список.JPG
01 Инфоблоки - список.JPG (63.41 КБ) 6337 просмотров
Сюда нужно вставлять название иконок
СпойлерПоказать
02 Инфоблоки - свойства.jpg
02 Инфоблоки - свойства.jpg (80.78 КБ) 6337 просмотров

Как подготовить изображение для инфоблока?

Общий вид с инфоблоками и стилизацию инфоблока можно увидеть на видео темы Оранжевый бриз - версия 2
СпойлерПоказать
общий вид с инфоблоками.JPG
общий вид с инфоблоками.JPG (282.93 КБ) 6340 просмотров
Размер изображения для фона. Делаем прозрачность изображения 60% и сохранять в формат png без заднего фона.
СпойлерПоказать
Размеры для фона инфо кнопок.JPG
Размеры для фона инфо кнопок.JPG (40.14 КБ) 6340 просмотров
Такое изображение должно быть для инфоблока. Прозрачность 60% и без фона.
СпойлерПоказать
прозрачность картинки 60% без фона.JPG
прозрачность картинки 60% без фона.JPG (28.42 КБ) 6340 просмотров
Примеры изображении с задним фоном, белого и черного цвета
СпойлерПоказать
прозрачность картинки 60% и черный фон.JPG
прозрачность картинки 60% и черный фон.JPG (24.58 КБ) 6340 просмотров
прозрачность картинки 60% и белый фон.JPG
прозрачность картинки 60% и белый фон.JPG (24.86 КБ) 6340 просмотров
Изображению нужно присвоить имя, его мы можем получить при транслитерации на выходе, это делается здесь.
СпойлерПоказать
Вписываем название инфо панели на русском.jpg
Вписываем название инфо панели на русском.jpg (49.24 КБ) 6340 просмотров
Получаем транслит и именуем изображение.jpg
Получаем транслит и именуем изображение.jpg (114.66 КБ) 6340 просмотров
Загружаем изображение в папку BackgroundBlocks
СпойлерПоказать
загружаем изображение в папку BackgroundBlocks.jpg
загружаем изображение в папку BackgroundBlocks.jpg (65.82 КБ) 6340 просмотров
На этом все. Теперь вписав название инфоблока, вы получите фон, соответствующий названию блока.


Про название изображении.

Если при транслитерации название изображения будет содержать символ, типа Spal ' nya, то изображение не будет отображаться, если будет Spalnya, то будет отображаться. Я создал метод mbackgroundBlocks, который исправляет слово Спальня. Сюда вы можете добавлять свои слова для исправления.

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

if ($this->getProperty('backgroundBlocks') == 'Spal\'nya') {
  $this->setProperty('backgroundBlocks', 'Spalnya');
} else if ($this->getProperty('backgroundBlocks') == 'Spal\'nya-1') {
  $this->setProperty('backgroundBlocks', 'Spalnya-1');
} else if ($this->getProperty('backgroundBlocks') == 'Spal\'nya-2') {
  $this->setProperty('backgroundBlocks', 'Spalnya-2');
}

Как настроить меню настройки темы Оранжевый бриз?
СпойлерПоказать
Последний раз редактировалось Divan Пн июл 06, 2020 4:37 pm, всего редактировалось 3 раза.
За это сообщение автора Divan поблагодарили (всего 6):
gans (Пт апр 17, 2020 8:05 am) • homester (Пт апр 17, 2020 8:17 am) • vitosmaxim80sad145 (Сб апр 18, 2020 10:30 am) • sergei64 (Сб апр 18, 2020 1:02 pm) • u885 (Сб апр 18, 2020 9:25 pm) • woow (Вт апр 21, 2020 12:15 pm)
Рейтинг: 6.98%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
vitosmaxim80sad145
Сообщения: 148
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 100 раз
Поблагодарили: 1 раз

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

Сообщение vitosmaxim80sad145 » Сб апр 18, 2020 10:30 am

Так получается очень наляписто лучше наверное отдельно сцену дом к примеру фон пусть будет план дома а по сторонам кнопки с информацией по комнатам как у вас в теме пурпур ,кликнул по кнопке инфо панелька комнаты не нужно закрыл Ещё рас спасибо вам за работу
Аватара пользователя
u885
Сообщения: 34
Зарегистрирован: Сб окт 06, 2018 1:42 am
Благодарил (а): 65 раз
Поблагодарили: 15 раз

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

Сообщение u885 » Сб апр 18, 2020 9:25 pm

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

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

Сообщение Divan » Вс апр 19, 2020 1:53 pm

u885 писал(а):
Сб апр 18, 2020 9:25 pm
Подскажи где задается пинкод для админа в этой сцене? А в общем сцена и реализация ее установки Очень Хорошо, мне нравится. Продолжай не бросай.
Инструкция по пин коду
СпойлерПоказать
Как настроить пин код.pdf
(213.64 КБ) 252 скачивания
За это сообщение автора Divan поблагодарил:
sergei64 (Чт апр 23, 2020 5:48 pm)
Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Пн апр 27, 2020 1:24 pm

Выложил данную сцену в МД маркет, в раздел Модификация.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
u885
Сообщения: 34
Зарегистрирован: Сб окт 06, 2018 1:42 am
Благодарил (а): 65 раз
Поблагодарили: 15 раз

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

Сообщение u885 » Вт апр 28, 2020 7:20 pm

В настройках сцены, Контейнер - круглые кнопки вокруг центрального виджета, виджет погоды ссылался на путь к картинкам из другой твоей сцены "/cms/scenes/Weather/%yw_mycity.condition%.png" если еще не исправил то вот "/cms/scenes/OrangeBreeze_v2/Weather/%yw_mycity.condition%.png"
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Вт апр 28, 2020 7:55 pm

Да, это было в установщике до размещения в маркет. Если установите сцену Оранжевый бриз из маркета, то там я уже все исправил
СпойлерПоказать
Безымянный.jpg
Безымянный.jpg (18.75 КБ) 5687 просмотров
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
u885
Сообщения: 34
Зарегистрирован: Сб окт 06, 2018 1:42 am
Благодарил (а): 65 раз
Поблагодарили: 15 раз

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

Сообщение u885 » Вт апр 28, 2020 8:12 pm

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

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

Сообщение Divan » Вт апр 28, 2020 8:38 pm

Они отличаются размером и тенью, а название имеют одинаковое, поэтому я их разделил. Вы можете просто загрузить эти разные иконки к себе и указать к ним путь.

Weather2 для отображения на верху
Weather2 для отображения в круглом виджете по центру.
СпойлерПоказать
Снимок.JPG
Снимок.JPG (16.42 КБ) 5679 просмотров
Weather.zip
(402.92 КБ) 207 скачиваний
Weather2.zip
(193.87 КБ) 192 скачивания
За это сообщение автора Divan поблагодарил:
u885 (Вт апр 28, 2020 8:49 pm)
Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
u885
Сообщения: 34
Зарегистрирован: Сб окт 06, 2018 1:42 am
Благодарил (а): 65 раз
Поблагодарили: 15 раз

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

Сообщение u885 » Вт апр 28, 2020 8:44 pm

Спасибки, потырено к себе!
Ответить