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

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

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

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

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

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

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

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

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

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

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

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

Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать :P
MojorDomo <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
Аватара пользователя
Divan
Сообщения: 855
Зарегистрирован: Пн июл 08, 2019 5:04 pm
Благодарил (а): 116 раз
Поблагодарили: 266 раз

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

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

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

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

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

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

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
Сообщения: 52
Зарегистрирован: Вт июл 24, 2018 12:01 pm
Благодарил (а): 6 раз
Поблагодарили: 1 раз

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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