Страница 7 из 13

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

Добавлено: Пт фев 02, 2018 5:35 pm
serghei
Эта? И дальше по тексту.

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

Добавлено: Пт фев 02, 2018 6:13 pm
AndreyK
serghei писал(а):Эта? И дальше по тексту.
Да, она! Спасибо!

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

Добавлено: Пт фев 02, 2018 6:19 pm
serghei
Это Adzam надо благодарить за такие прекрасные сборки! ;)

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

Добавлено: Ср фев 07, 2018 6:02 pm
yvgeniykrylov
Здравствуйте. Подскажите где взять сцены с данного видео? Особено интересует оформление видеонаблюдение. Как добавить себе ?
https://m.youtube.com/watch?v=mFsvo4Ujevg

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

Добавлено: Ср фев 07, 2018 8:05 pm
nick7zmail
Видеонаблюдение - это вроде софтина "Линия IP". Остальное - добавить в виде соответствующих модулей/самому сделать.

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

Добавлено: Чт фев 08, 2018 8:19 am
yvgeniykrylov
nick7zmail писал(а):Видеонаблюдение - это вроде софтина "Линия IP". Остальное - добавить в виде соответствующих модулей/самому сделать.
Нет я в настройках в устройства onvif добавил камеру. Теперь я создал меню видео наблюдение. Но как мне сделать оформление как на видео. Когда заходишь в меню он квадратами показывает камеры и какую нужно ты можешь включить. Где скачать те же иконки вкл. Код кнопки к примеру

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

Добавлено: Чт фев 08, 2018 4:21 pm
Берендей
Только начинаю разбираться, подскажите, как можно на сценах размещать такие объекты как слайдеры, таймбоксы и поля ввода ?

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

Добавлено: Чт фев 08, 2018 9:14 pm
nick7zmail
Их сперва надо разместить в меню управления, а потом на сцене добавить "Menu Control". Корявенько, но вполне работает...раньше вообще не было такого понятия, как слайдер на сцене.

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

Добавлено: Чт фев 08, 2018 9:25 pm
Берендей
Не видел, что можно выборочно добавлять элементы меню!

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

Добавлено: Пн фев 19, 2018 11:16 pm
ahelper
Предлагаю вашему вниманию кнопки анимированные под "Дизайн сцен 2" от Vovix. Для кого то это не новость,
а кому и начало работы с CSS стилями
Тема.jpg
Тема.jpg (23.68 КБ) 7125 просмотров
Файл импорта только кнопок на сцену
Elements22-29-07.zip
(2.18 КБ) 369 скачиваний
Для правильного отображения стиля, необходимо в этой сцене в general_CSS (only CSS) в конец добавить эти строки
SPOILERSPOILER_SHOW

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

/* ------------------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 КБ) 374 скачивания