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

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

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

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

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

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

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

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

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


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

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

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

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


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

Если при транслитерации название изображения будет содержать символ, типа 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)
Рейтинг: 7.06%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
vitosmaxim80sad145
Сообщения: 128
Зарегистрирован: Сб июл 07, 2018 12:48 am
Откуда: Днепр
Благодарил (а): 88 раз
Поблагодарили: 0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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