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

[adzam]

Вопрос такой, а где и как прописать иконки для кнопок?
Было бы неплохо, чтоб иконки на кнопки можно было-бы назначать из меню настроек сцены.

[adzam]

Куда вставлять нашел, в свойство.
А нельзя ли сделать чтоб иконки прописывались из настроек сцены?

[andrey040670]

Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать

[Divan]

Куда вставлять нашел, в свойство.
А нельзя ли сделать чтоб иконки прописывались из настроек сцены?

Все кнопки в этой сцене динамические, меняйте их по своему желанию, достаточно в настройке сцены указать название кнопки. Только одна кнопка "Охрана" жестко привязана (просто охрану используют большинство). Ее можно переделать и сделать динамической.

Тут два варианта настроек кнопок, это название круглых кнопок и название информационных кнопок

СпойлерПоказать

Название кнопок - варианты.jpg (60.46 КБ) 4595 просмотров

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

СпойлерПоказать

Название кнопок.JPG (44.28 КБ) 4595 просмотров

В сцене Оранжевый бриз найдите кнопку 01, удалите все состояния и создайте 1 состояние, просто именуйте Кнопка 01 и вставьте код

СпойлерПоказать

Удалите все состояния.jpg (99.83 КБ) 4595 просмотров

Этот код нужно вставить взамен того, что я выделил

СпойлерПоказать

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

<img alt="" src="/cms/scenes/OrangeBreeze_v2/IconsButtonHeader/%Button01.IconButton%.png" onerror="this.style.visibility = 'hidden'"/>

Примечание: код onerror="this.style.visibility = 'hidden'" на старых версиях браузера скрывает отсутствие изображения, когда видны квадратики, если нет изображения

[Divan]

Ну эта сцена как пример, автор выложил как из вариантов реализации, объект > свойства, привязанные к сцене. Вы же можете использовать объект >свойства свои, редактируя сцену, ставьте свои переменные, а потом когда разберётесь, можете вернуть всё назад, перенаправив свои объекты в класс сцены.
Автору респект, но css я бы вынес в отдельный элемент сцены, прописав стили для всей сцены, так гораздо проще. ИМХО.
Да, кстате, если кто то пытается использовать две сцены автора на одном устройстве, тех ждёт гиморой, так как свойства объектов одноимённые и пересекаются, имейте это ввиду.
Благо у меня три 'линукс коробки (с разными ОС)" могу себе позволить по эксперементировать

Да, лучше экспериментировать на виртуалках, пробуйте, изучайте, а на боевую систему лучше ставить, уже отлаженное. Что касается css, то каждый элемент имеет свой css. Все в ваших руках, меняйте и переделывайте сцену по своему желанию. Это базовая сцена.

[dksobol]

Всем добрый. Можно пример по настройки погоды. не могу пока понять куда что.

[Divan]

Всем добрый. Можно пример по настройки погоды. не могу пока понять куда что.

Должен стоять модуль Яндекс погода, погода смотрит на свойства, которые я указал ниже

СпойлерПоказать

Яндекс погода.jpg (73.78 КБ) 4470 просмотров

дата берется из ThisComputer

СпойлерПоказать

Дата.JPG (34.38 КБ) 4470 просмотров

[Goloda]

Добрый день! Помогите с иконками для инфо блока. какие именно данные надо передать, чтоб они появились? С температурой и влажностью проблем нет.А вот с остальными не могу понять.

[Divan]

Добрый день! Помогите с иконками для инфо блока. какие именно данные надо передать, чтоб они появились? С температурой и влажностью проблем нет.А вот с остальными не могу понять.

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

Смотрите название изображении по пути /var/www/cms/scenes/OrangeBreeze_v2. Добавляете свои изображения, именуете как считаете нужным, но на латинском языке. Название лучше брать из транскрипции.

СпойлерПоказать

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

Транскрипция уже заложена в эту сцену. Открываете класс SceneOrangeBreeze, далее выбираете любой объект Button01 по Button09 и в свойстве Button.NameButton вводите название на русском, а в свойстве Button.IconButton будет название на латинском, вот это название и присваиваете иконке.

СпойлерПоказать

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

Как создать иконку для инфоблока смотрите в шапке, там я указал размеры и как это нужно делать.

[Goloda]

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