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

[Divan]

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

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

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


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

SPOILERSPOILER_SHOW

Боковое меню темы Оранжевый бриз 2.zip

(7.38 КБ) 471 скачивание

Общий вид сцены Оранжевый бриз

SPOILERSPOILER_SHOW

Общий вид сцены после активации.JPG (183.46 КБ) 10168 просмотров

Инфоблок
Инфоблок по умолчанию выключен. Если нужно его задействовать, то достаточно указать название инфоблока и оно появится. Для того, чтобы внизу отображались иконки, нужно сделать передачу значении с класса вашего устройства на свойство InformationBlockХХ.IconХХ
Эти объекты для работы инфоблока

SPOILERSPOILER_SHOW

01 Инфоблоки - список.JPG (63.41 КБ) 10605 просмотров

Сюда нужно вставлять название иконок

SPOILERSPOILER_SHOW

02 Инфоблоки - свойства.jpg (80.78 КБ) 10605 просмотров

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

Общий вид с инфоблоками и стилизацию инфоблока можно увидеть на видео темы Оранжевый бриз - версия 2

SPOILERSPOILER_SHOW

общий вид с инфоблоками.JPG (282.93 КБ) 10608 просмотров

Размер изображения для фона. Делаем прозрачность изображения 60% и сохранять в формат png без заднего фона.

SPOILERSPOILER_SHOW

Размеры для фона инфо кнопок.JPG (40.14 КБ) 10608 просмотров

Такое изображение должно быть для инфоблока. Прозрачность 60% и без фона.

SPOILERSPOILER_SHOW

прозрачность картинки 60% без фона.JPG (28.42 КБ) 10608 просмотров

Примеры изображении с задним фоном, белого и черного цвета

SPOILERSPOILER_SHOW

прозрачность картинки 60% и черный фон.JPG (24.58 КБ) 10608 просмотров

прозрачность картинки 60% и белый фон.JPG (24.86 КБ) 10608 просмотров

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

SPOILERSPOILER_SHOW

Вписываем название инфо панели на русском.jpg (49.24 КБ) 10608 просмотров

Получаем транслит и именуем изображение.jpg (114.66 КБ) 10608 просмотров

Загружаем изображение в папку BackgroundBlocks

SPOILERSPOILER_SHOW

загружаем изображение в папку BackgroundBlocks.jpg (65.82 КБ) 10608 просмотров

На этом все. Теперь вписав название инфоблока, вы получите фон, соответствующий названию блока.


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

Если при транслитерации название изображения будет содержать символ, типа 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');
}

Как настроить меню настройки темы Оранжевый бриз?

SPOILERSPOILER_SHOW

Как подключить меню настройки темы.pdf

(282.3 КБ) 452 скачивания

[vitosmaxim80sad145]

Так получается очень наляписто лучше наверное отдельно сцену дом к примеру фон пусть будет план дома а по сторонам кнопки с информацией по комнатам как у вас в теме пурпур ,кликнул по кнопке инфо панелька комнаты не нужно закрыл Ещё рас спасибо вам за работу

[u885]

Подскажи где задается пинкод для админа в этой сцене? А в общем сцена и реализация ее установки Очень Хорошо, мне нравится. Продолжай не бросай.

[Divan]

Подскажи где задается пинкод для админа в этой сцене? А в общем сцена и реализация ее установки Очень Хорошо, мне нравится. Продолжай не бросай.

Инструкция по пин коду

SPOILERSPOILER_SHOW

Как настроить пин код.pdf

(213.64 КБ) 376 скачиваний

[Divan]

Выложил данную сцену в МД маркет, в раздел Модификация.

[u885]

В настройках сцены, Контейнер - круглые кнопки вокруг центрального виджета, виджет погоды ссылался на путь к картинкам из другой твоей сцены "/cms/scenes/Weather/%yw_mycity.condition%.png" если еще не исправил то вот "/cms/scenes/OrangeBreeze_v2/Weather/%yw_mycity.condition%.png"

[Divan]

Да, это было в установщике до размещения в маркет. Если установите сцену Оранжевый бриз из маркета, то там я уже все исправил

SPOILERSPOILER_SHOW

Безымянный.jpg (18.75 КБ) 9955 просмотров

[u885]

А что лежит в папке Weathr2 ?
Ато переустанавливать не очень тянет, настроил уже сцену под свои скрипты которые уже работали и раскидывали данные по другим классам.

[Divan]

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

Weather2 для отображения на верху
Weather2 для отображения в круглом виджете по центру.

SPOILERSPOILER_SHOW

Снимок.JPG (16.42 КБ) 9947 просмотров

Weather.zip

(402.92 КБ) 313 скачиваний

Weather2.zip

(193.87 КБ) 300 скачиваний

[u885]

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