Дизайн сцен 2

[Sapizdullin]

Доброе утро, в VLS пробую тоже не открывает, у меня гибридный видеорегистратор

значит вам нужно сначала раздобыть ссылку для регистратора по которой можно смотреть конкретную подключенную к регистратору камеру.
Если регистратор поддерживает onvif, то это можно сделать через модуль ONVIF в настройках MJD

Проще и лучше ONVIF Device Manager, ODM https://sourceforge.net/projects/onvifdm/

[Alex-Domo]

Добрый день! Все настроил, все работает !


Отправлено с моего iPhone используя Tapatalk

[Alex-Domo]

Доброе утро! Ребята подскажите у кого есть готовая сцена Яндекс пробки


Отправлено с моего iPhone используя Tapatalk

[Vovix]

Уйдет тема вниз, потом не найдете...

[nick7zmail]

Доброе утро! Ребята подскажите у кого есть готовая сцена Яндекс пробки


Отправлено с моего iPhone используя Tapatalk

Сцена для яндекс пробок - сильно жирно)) есть элемент на основной сцене. Дома буду - скину.

Отправлено с моего Xperia XZ1 Compact через Tapatalk

[Raider]

Помогите сделать точто так же как и сдесь,с 3д планом квартиры разобрался как делать,а вот как все это настроивать не могу найти информацию((
http://connect.majordomohome.com/cms/da ... _image.jpg

[nick7zmail]

А точнее вопрос? что не получается то? Вроде все элементы стандартные...более того представлены в базовой комплектации при установке (по крайней мере индикаторы режимов). Единственное эко режим не совсем стандартный - он через HTML делается, и по нему отдельная тема есть.

[Raider]

А точнее вопрос? что не получается то? Вроде все элементы стандартные...более того представлены в базовой комплектации при установке (по крайней мере индикаторы режимов). Единственное эко режим не совсем стандартный - он через HTML делается, и по нему отдельная тема есть.

Не могу добавить значки под надписи "помещение,главная,музыка и тд" - точнее не знаю как это сделать)))и как сделать вот эти панельки в правом верхнем углу))ну и фон где добавлять)Подскажите нубу
Подскажите где за это можно почитать

[nick7zmail]

В верхней строке - не совсем элемент сцены. Это домашние страницы. Перейдите по адресу http://ваш_IP/pages.html. Но картинок там по умолчанию нет. Их надо добавить в панель управления - домашние страницы.

1.jpg (95.67 КБ) 4723 просмотра

С Фоном же вы вроде разобрались?
Про остальное почитать тут https://kb.smartliving.ru/scenes_help/. Кстати туд бы вы самостоятельно попали, если бы нажали "описание модуля" справа вверху при открытии модуля сцен в панели управления.

[nick7zmail]

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

3.png (101.09 КБ) 4721 просмотр

Вот HTML код

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

<div class="traff">
<div class="title">Пробки</div>
<img src="/templates_alt/img/icons/ya_probki/%yt_info.icon%.png" align="right"></img>
<div class="level" align="left">%yt_info.level%</div>
<div class="info" align="left">%yt_info.val%</div> 
</div>

А вот CSS

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

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

/* -----------------------------------------------------------------------*/
/* панель погоды  */
/* -----------------------------------------------------------------------*/
.panel-weather {
 box-sizing: border-box;
 color: white;
 background-color: rgba(0, 0, 0, 0.4);
 text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);

/* выше общее */
  position: absolute;
 /* top: 0px; */
/*  right: 0px; */
  width: 240px;
  text-align: center;
  cursor: pointer;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 0px 0px 10px;
}

.panel-weather .location {
background-color: rgba(0, 233, 233, 0.6);
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
 font-family: arial;
 font-weight: 100;
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius: 10px;
  border-radius: 10px 0px 0px 0px;
}

.panel-weather img {
  width: 80px;
  margin: 10px 0px 0 0;
}
.panel-weather .temp-weather {
  font-family: arial;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  font-size: 80px;
  line-height: 1.4;
 height:137px;
}
.panel-weather .temp-weather .degree {
 font-family: arial;
 font-weight: 600;
  font-size: 32px;
  line-height: 1.4;
  vertical-align: top;
}
.panel-weather .text-weather {
 background-color: rgba(0, 233, 233, 0.6);
 font-family: arial;
 font-weight: 100;
  font-size: 14px;
  height:26px;
width:240px;
  line-height: 1.2;
display: table-cell;
vertical-align: middle;
  -moz-border-radius: 0px 0px 0px 10px;
  -webkit-border-radius: 10px;
  border-radius: 0px 0px 0px 10px;
}

/* -----------------------------------------------------------------------*/
/* панель трафика */
/* -----------------------------------------------------------------------*/
.traff {
 box-sizing: border-box;
 color: white;
 background-color: rgba(0, 0, 0, 0.4);
 text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 240px;
  text-align: center;
  cursor: pointer;
}

.traff .title {
background-color: rgba(0, 233, 233, 0.6);
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
 font-family: arial;
 font-weight: 100;
}

.traff img {
  width: 80px;
  margin: 15px 15px 0 0px;
}
.traff .level {
  font-family: arial;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  font-size: 80px;
  line-height: 1.4;
 height:137px;
}

.traff .info {
width: 240px;
  background-color: rgba(0, 233, 233, 0.6);
  font-family: arial;
  font-weight: 100;
  text-align: center;
  font-size: 14px;
  height:26px;
  line-height: 1.2;
display: table-cell;
vertical-align: middle;
}

Панель погоды заменить (т.к. её рихтануть немного пришлось, а всё что касается пробок - просто добавить. В css они разделены комментами.