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

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

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

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

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

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

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

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

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


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

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

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

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


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

Если при транслитерации название изображения будет содержать символ, типа 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
Откуда: Днепр
Благодарил (а): 89 раз
Поблагодарили: 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
Сообщения: 858
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 268 раз

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

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

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

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

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

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

Да, это было в установщике до размещения в маркет. Если установите сцену Оранжевый бриз из маркета, то там я уже все исправил
СпойлерПоказать
Безымянный.jpg
Безымянный.jpg (18.75 КБ) 3050 просмотров
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
Сообщения: 858
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 268 раз

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

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

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

Weather2 для отображения на верху
Weather2 для отображения в круглом виджете по центру.
СпойлерПоказать
Снимок.JPG
Снимок.JPG (16.42 КБ) 3042 просмотра
Weather.zip
(402.92 КБ) 110 скачиваний
Weather2.zip
(193.87 КБ) 112 скачиваний
За это сообщение автора 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

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