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

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

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

Аватара пользователя
adzam
Сообщения: 607
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев

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

Сообщение adzam »

Вопрос такой, а где и как прописать иконки для кнопок?
Было бы неплохо, чтоб иконки на кнопки можно было-бы назначать из меню настроек сцены.
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
adzam
Сообщения: 607
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев

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

Сообщение adzam »

Куда вставлять нашел, в свойство.
А нельзя ли сделать чтоб иконки прописывались из настроек сцены?
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Аватара пользователя
andrey040670
Сообщения: 473
Зарегистрирован: Пн июл 31, 2017 10:00 pm

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

Сообщение andrey040670 »

Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать :P
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS (bionic) Linux 4.9.241 #33 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) 6.1.68-v8+ #1708 aarch64 GNU/Linux
MJD alfa: AS-604T-F284 (ADM 3.5.9.RWM1) 3.12.20 #1 x86_64 GNU/Linux
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm

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

Сообщение Divan »

adzam писал(а): Пт май 01, 2020 11:32 pm Куда вставлять нашел, в свойство.
А нельзя ли сделать чтоб иконки прописывались из настроек сцены?
Все кнопки в этой сцене динамические, меняйте их по своему желанию, достаточно в настройке сцены указать название кнопки. Только одна кнопка "Охрана" жестко привязана (просто охрану используют большинство). Ее можно переделать и сделать динамической.

Тут два варианта настроек кнопок, это название круглых кнопок и название информационных кнопок
SPOILERSPOILER_SHOW
Название кнопок - варианты.jpg
Название кнопок - варианты.jpg (60.46 КБ) 6975 просмотров
Вам нужно для смены иконок выбрать этот вариант, тогда у круглых кнопок будут меняться иконки
SPOILERSPOILER_SHOW
Название кнопок.JPG
Название кнопок.JPG (44.28 КБ) 6975 просмотров
В сцене Оранжевый бриз найдите кнопку 01, удалите все состояния и создайте 1 состояние, просто именуйте Кнопка 01 и вставьте код
SPOILERSPOILER_SHOW
Удалите все состояния.jpg
Удалите все состояния.jpg (99.83 КБ) 6975 просмотров
Этот код нужно вставить взамен того, что я выделил
SPOILERSPOILER_SHOW

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

<img alt="" src="/cms/scenes/OrangeBreeze_v2/IconsButtonHeader/%Button01.IconButton%.png" onerror="this.style.visibility = 'hidden'"/>
Примечание: код onerror="this.style.visibility = 'hidden'" на старых версиях браузера скрывает отсутствие изображения, когда видны квадратики, если нет изображения
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm

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

Сообщение Divan »

andrey040670 писал(а): Сб май 02, 2020 12:06 am Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать :P
Да, лучше экспериментировать на виртуалках, пробуйте, изучайте, а на боевую систему лучше ставить, уже отлаженное. Что касается css, то каждый элемент имеет свой css. Все в ваших руках, меняйте и переделывайте сцену по своему желанию. Это базовая сцена.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
dksobol
Сообщения: 53
Зарегистрирован: Вт июл 24, 2018 12:01 pm

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

Сообщение dksobol »

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

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

Сообщение Divan »

dksobol писал(а): Ср май 06, 2020 9:02 am Всем добрый. Можно пример по настройки погоды. не могу пока понять куда что.
Должен стоять модуль Яндекс погода, погода смотрит на свойства, которые я указал ниже
SPOILERSPOILER_SHOW
Яндекс погода.jpg
Яндекс погода.jpg (73.78 КБ) 6850 просмотров
дата берется из ThisComputer
SPOILERSPOILER_SHOW
Дата.JPG
Дата.JPG (34.38 КБ) 6850 просмотров
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Goloda
Сообщения: 27
Зарегистрирован: Пн июн 25, 2018 3:15 pm

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

Сообщение Goloda »

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

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

Сообщение Divan »

Goloda писал(а): Чт окт 29, 2020 10:38 am Добрый день! Помогите с иконками для инфо блока. какие именно данные надо передать, чтоб они появились? С температурой и влажностью проблем нет.А вот с остальными не могу понять.

Смотрите видео

Смотрите название изображении по пути /var/www/cms/scenes/OrangeBreeze_v2. Добавляете свои изображения, именуете как считаете нужным, но на латинском языке. Название лучше брать из транскрипции.
SPOILERSPOILER_SHOW
Снимок.JPG
Снимок.JPG (56.29 КБ) 6217 просмотров
Транскрипция уже заложена в эту сцену. Открываете класс SceneOrangeBreeze, далее выбираете любой объект Button01 по Button09 и в свойстве Button.NameButton вводите название на русском, а в свойстве Button.IconButton будет название на латинском, вот это название и присваиваете иконке.
SPOILERSPOILER_SHOW
Безымянный.jpg
Безымянный.jpg (153.44 КБ) 6217 просмотров
Как создать иконку для инфоблока смотрите в шапке, там я указал размеры и как это нужно делать.
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
Аватара пользователя
Goloda
Сообщения: 27
Зарегистрирован: Пн июн 25, 2018 3:15 pm

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

Сообщение Goloda »

Я имею ввиду маленькие иконки: движение шторы и т.д.
Ответить