Дизайн сцен 2

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

Модератор: immortal

Аватара пользователя
Vovix
Сообщения: 1155
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 60 раз
Поблагодарили: 531 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение Vovix » Пт фев 19, 2016 8:27 am

kawkay писал(а):Подскажите где подправить в сцене "погода" - panel-today_1 , чтобы не было смещения относительно темного фона показателей ветер,давление ....
Изображение
У каждой сцены есть элемент general_CSS (only CSS)
там есть правила CSS, всё в них!

Ну и так как у вас получилось быть не должно по умолчанию... проверьте, что-то правили наверно...

например для квадрата сегодня есть такой код:
СпойлерПоказать

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

<div class="panel-today">
    <div class="box">
          <div class="title">сегодня</div>
        <img src="http://yandex.st/weather/1.2.83/i/icons/48x48/%Izhevsk.mcD0_Image_1%.png" />
          <div class="temp"><span class="value">%Izhevsk.mcD0_Temp_1%<span class="degree">&deg;C</span><span class="separator">/</span>%Izhevsk.mcD0_Temp_3%<span class="degree">&deg;C</span></span></div>
      
         <div class="row">
            <div class="info"><i class="fa fa-paper-plane-o"></i><span class="value">%Izhevsk.mcD0_WindSpeed_1%</span></div>
            <div class="info"><i class="fa fa-arrows"></i><span class="value">%Izhevsk.mcD0_WindDir_1%</span></div>
            <div class="info"><i class="fa fa-tint"></i><span class="value">%Izhevsk.mcD0_Humidity_1%</span></div>
            <div class="info"><i class="fa fa-sort-amount-asc"></i><span class="value">%Izhevsk.mcD0_Pressure_1%</span></div>
         </div>
    </div>
</div>
из этого видно, что проверяйте в CSS(в general_CSS (only CSS)) блоки panel-today, а именно в них box и row
За это сообщение автора Vovix поблагодарили (всего 2):
kawkay (Пт фев 19, 2016 9:04 am) • wozowik (Чт фев 15, 2018 9:57 am)
Рейтинг: 2.33%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
kawkay
Сообщения: 53
Зарегистрирован: Вс апр 19, 2015 6:10 pm
Благодарил (а): 83 раза
Поблагодарили: 13 раз

Re: Дизайн сцен 2

Сообщение kawkay » Пт фев 19, 2016 10:12 am

Оказалось,что это проблема отображения сцены в Google Chrome на XP , в мозиле и Yandex все норм.
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Вт фев 23, 2016 12:27 pm

уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
DiArt
Сообщения: 210
Зарегистрирован: Пт апр 12, 2013 2:27 pm
Откуда: Уфа
Благодарил (а): 28 раз
Поблагодарили: 16 раз

Re: Дизайн сцен 2

Сообщение DiArt » Вт фев 23, 2016 9:27 pm

utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Вт фев 23, 2016 9:58 pm

круто, спасибо, поставил себе XEOMA ПОЛУЧИЛ ИЗОБРАЖЕНИЕ - А КАК ЭТО В МД ПРИКРУТИТЬ?
redmax144
Сообщения: 44
Зарегистрирован: Чт янв 28, 2016 8:18 pm
Благодарил (а): 13 раз
Поблагодарили: 5 раз

Re: Дизайн сцен 2

Сообщение redmax144 » Вт фев 23, 2016 10:32 pm

Доброго времени суток!
Vovix, очень прошу вас поделиться сценой с настройками... Все сцены по вашему примеру я настроил, остались только настройки... Всё выглядит просто здорово! Огромное спасибо за проделанную работу:)
Ума не приложу, как можно реализовать такие переключатели между вкладками на сцене:
СпойлерПоказать
Скриншот 2016-01-27 12.jpg
Скриншот 2016-01-27 12.jpg (174.79 КБ) 12590 просмотров
За одно хочется увидеть пример работы с тройнымы переключателями и расположением их на сцене...
Заранее спасибо!
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Ср фев 24, 2016 10:07 am

redmax144 писал(а): Ума не приложу, как можно реализовать такие переключатели между вкладками на сцене:
СпойлерПоказать
Скриншот 2016-01-27 12.jpg
За одно хочется увидеть пример работы с тройнымы переключателями и расположением их на сцене...
Заранее спасибо!
Первая стрелка - обыкновенный radiobox в меню. Остальное html-табы. Что-то вроде этого:

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

<style>
.korpus > div, .korpus > input { display: none; }

.korpus label { padding: 5px; border: 1px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; background: #fff; }
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #fff; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; border: 1px solid #aaa; }
</style>
<div class="korpus">
  <input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1">Раз</label><input type="radio" name="odin" id="vkl2"/><label for="vkl2">Два</label><input type="radio" name="odin" id="vkl3"/><label for="vkl3">Три</label>
  <div>первая вкладка</div>
  <div>вторая вкладка</div>
  <div>третья вкладка</div>
</div>
Про какой тройной переключатель идет речь? Может тоже что-то подскажу?
За это сообщение автора nick7zmail поблагодарил:
redmax144 (Пт фев 26, 2016 7:10 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Ср фев 24, 2016 7:55 pm

DiArt писал(а):
utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы
DiArt писал(а):
utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы
а можно поподробнее с настройками Xeoma и дальнейшей связи с МД. заранее спасибо :oops:
utia38
Сообщения: 82
Зарегистрирован: Ср авг 26, 2015 9:22 pm
Откуда: г.Обнинск, Калужская обл.
Благодарил (а): 1 раз
Поблагодарили: 9 раз
Контактная информация:

Re: Дизайн сцен 2

Сообщение utia38 » Ср фев 24, 2016 11:02 pm

сам себе отвечу про получение потока с ip-камер
http://felenasoft.com/xeoma/ru/about/tr ... y_na_sajt/
redmax144
Сообщения: 44
Зарегистрирован: Чт янв 28, 2016 8:18 pm
Благодарил (а): 13 раз
Поблагодарили: 5 раз

Re: Дизайн сцен 2

Сообщение redmax144 » Пт фев 26, 2016 7:10 pm

nick7zmail писал(а): Про какой тройной переключатель идет речь? Может тоже что-то подскажу?
Тройной переключатель - это как я уже понял "radiobox" в меню. Я сделал по примеру в коннекте у Vovix.
СпойлерПоказать
messages.jpg
messages.jpg (71.04 КБ) 12273 просмотра
Остался один вопрос, как данные пункты из меню вставить в сцену в тот заветный html-таб ?...
Сделал по вашему примеру, вот что пока получилось (время и курсы валют вставил просто для теста):
СпойлерПоказать
messages1.jpg
messages1.jpg (59.45 КБ) 12273 просмотра
messages2.jpg
messages2.jpg (52.55 КБ) 12273 просмотра
Ответить