Сцены и оформление (сборка)

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

Модератор: immortal

serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Сцены и оформление (сборка)

Сообщение serghei » Пт фев 02, 2018 5:35 pm

Эта? И дальше по тексту.
За это сообщение автора serghei поблагодарил:
AndreyK (Пт фев 02, 2018 6:13 pm)
Рейтинг: 1.16%
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
AndreyK
Сообщения: 64
Зарегистрирован: Пн сен 04, 2017 10:28 pm
Благодарил (а): 14 раз
Поблагодарили: 5 раз

Re: Сцены и оформление (сборка)

Сообщение AndreyK » Пт фев 02, 2018 6:13 pm

serghei писал(а):Эта? И дальше по тексту.
Да, она! Спасибо!
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Сцены и оформление (сборка)

Сообщение serghei » Пт фев 02, 2018 6:19 pm

Это Adzam надо благодарить за такие прекрасные сборки! ;)
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
yvgeniykrylov
Сообщения: 29
Зарегистрирован: Пн окт 16, 2017 1:15 pm
Благодарил (а): 6 раз
Поблагодарили: 1 раз

Re: Сцены и оформление (сборка)

Сообщение yvgeniykrylov » Ср фев 07, 2018 6:02 pm

Здравствуйте. Подскажите где взять сцены с данного видео? Особено интересует оформление видеонаблюдение. Как добавить себе ?
https://m.youtube.com/watch?v=mFsvo4Ujevg
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Ср фев 07, 2018 8:05 pm

Видеонаблюдение - это вроде софтина "Линия IP". Остальное - добавить в виде соответствующих модулей/самому сделать.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
yvgeniykrylov
Сообщения: 29
Зарегистрирован: Пн окт 16, 2017 1:15 pm
Благодарил (а): 6 раз
Поблагодарили: 1 раз

Re: Сцены и оформление (сборка)

Сообщение yvgeniykrylov » Чт фев 08, 2018 8:19 am

nick7zmail писал(а):Видеонаблюдение - это вроде софтина "Линия IP". Остальное - добавить в виде соответствующих модулей/самому сделать.
Нет я в настройках в устройства onvif добавил камеру. Теперь я создал меню видео наблюдение. Но как мне сделать оформление как на видео. Когда заходишь в меню он квадратами показывает камеры и какую нужно ты можешь включить. Где скачать те же иконки вкл. Код кнопки к примеру
Берендей
Сообщения: 125
Зарегистрирован: Ср окт 18, 2017 9:44 am
Благодарил (а): 24 раза
Поблагодарили: 18 раз

Re: Сцены и оформление (сборка)

Сообщение Берендей » Чт фев 08, 2018 4:21 pm

Только начинаю разбираться, подскажите, как можно на сценах размещать такие объекты как слайдеры, таймбоксы и поля ввода ?
OrangePI PC/ARMBIAN 5.36 + DS3231+433Mhz. Esp8266(ArduinoIDE). Arduino MEGA2560 + Oregon THGN132N.
Sonoff RF Bridge + sensors
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Сцены и оформление (сборка)

Сообщение nick7zmail » Чт фев 08, 2018 9:14 pm

Их сперва надо разместить в меню управления, а потом на сцене добавить "Menu Control". Корявенько, но вполне работает...раньше вообще не было такого понятия, как слайдер на сцене.
За это сообщение автора nick7zmail поблагодарил:
Берендей (Чт фев 08, 2018 9:25 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Берендей
Сообщения: 125
Зарегистрирован: Ср окт 18, 2017 9:44 am
Благодарил (а): 24 раза
Поблагодарили: 18 раз

Re: Сцены и оформление (сборка)

Сообщение Берендей » Чт фев 08, 2018 9:25 pm

Не видел, что можно выборочно добавлять элементы меню!
OrangePI PC/ARMBIAN 5.36 + DS3231+433Mhz. Esp8266(ArduinoIDE). Arduino MEGA2560 + Oregon THGN132N.
Sonoff RF Bridge + sensors
ahelper
Сообщения: 106
Зарегистрирован: Ср фев 08, 2017 5:04 pm
Благодарил (а): 34 раза
Поблагодарили: 66 раз

Re: Сцены и оформление (сборка)

Сообщение ahelper » Пн фев 19, 2018 11:16 pm

Предлагаю вашему вниманию кнопки анимированные под "Дизайн сцен 2" от Vovix. Для кого то это не новость,
а кому и начало работы с CSS стилями
Тема.jpg
Тема.jpg (23.68 КБ) 5766 просмотров
Файл импорта только кнопок на сцену
Elements22-29-07.zip
(2.18 КБ) 265 скачиваний
Для правильного отображения стиля, необходимо в этой сцене в general_CSS (only CSS) в конец добавить эти строки
СпойлерПоказать

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

/* ------------------general_CSS (only CSS)-----------------*/
.b1 {
      width:63px;
      height:60px;
      padding: 2px;
      border: 1px solid rgba(0, 233, 233, 0.6);
      background-color: rgba(0, 233, 233, 0.6);
 background: -webkit-linear-gradient(rgba(0, 233, 233, 0), rgba(0, 233, 233, 0.7));
  background: linear-gradient(rgba(0, 233, 233, 0), rgba(0, 233, 233, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 0px 0px #2ab7ec, 0px 0px 0px 0px #6E0707, 0px 0px 10px #FD004D;
      color:white;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

.b2 {
      width:141px;
      height:60px;
      padding: 2px;
      border: 1px solid rgba(0, 233, 233, 0.6);
      background-color: rgba(0, 40, 40, 0.6);
background: -webkit-linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
  background: linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
      color:white;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

.br {
      width:63px;
      height:60px;
      padding: 2px;
      border: 1px solid rgba(0, 233, 233, 0.6);
      background-color: rgba(0, 40, 40, 0.6);
background: -webkit-linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
  background: linear-gradient(rgba(0, 40, 40, 0.2), rgba(0, 40, 40, 0.7));
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
//box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
      color:white;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

.b1 img {
     margin-left: 17px;
     margin-top:1px;
}

.b1_in {
     margin-top: 1px;
     text-align: center;
-webkit-animation: pulsate 0.5s linear infinite;
  animation: pulsate 0.5s linear infinite;
}

.b2_in {
     margin-top: 3px;
color: #000
text-shadow: 0 1px 1px rgba(255,255,255,.35);
     text-align: center;
     font-size: 20px;
}
.br_in {
     margin-top: 1px;
color: #000
text-shadow: 0 1px 1px rgba(255,255,255,.35);
     text-align: center;
}
.br img {
     margin-left: 17px;
     margin-top:1px;
}
Набор иконок поместите в папку, если Windows, htdocs\cms\scenes\. В линуксе куда то там\cms\scenes\. Или пропишите свой путь в коде кнопок (там два состояния, Вкл и Выкл)
scenes.zip
Набор иконок
(9.97 КБ) 260 скачиваний
За это сообщение автора ahelper поблагодарили (всего 5):
skysilver (Вт фев 20, 2018 1:23 am) • Albert (Вт фев 20, 2018 7:17 am) • Hold (Ср мар 21, 2018 2:25 pm) • prmres (Ср июл 11, 2018 1:15 am) • Pacific (Пт янв 18, 2019 2:08 pm)
Рейтинг: 5.81%
Ответить