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

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

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

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

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

Сообщение adzam » Пт май 01, 2020 11:25 pm

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

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

Сообщение adzam » Пт май 01, 2020 11:32 pm

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

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

Сообщение andrey040670 » Сб май 02, 2020 12:06 am

Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать :P
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS bionic Linux 4.9.40 #2 SMP PREEMPT Tue Oct 30 15:47:54 CST 2018 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
Аватара пользователя
Divan
Сообщения: 859
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Сб май 02, 2020 1:14 pm

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

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

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

<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
Благодарил (а): 117 раз
Поблагодарили: 280 раз

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

Сообщение Divan » Сб май 02, 2020 1:28 pm

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
Благодарил (а): 6 раз
Поблагодарили: 1 раз

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

Сообщение dksobol » Ср май 06, 2020 9:02 am

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

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

Сообщение Divan » Ср май 06, 2020 12:19 pm

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

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

Сообщение Goloda » Чт окт 29, 2020 10:38 am

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

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

Сообщение Divan » Чт окт 29, 2020 12:48 pm

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

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

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

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

Сообщение Goloda » Чт окт 29, 2020 1:39 pm

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