Страница 19 из 119

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

Добавлено: Пт фев 19, 2016 8:27 am
Vovix
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

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

Добавлено: Пт фев 19, 2016 10:12 am
kawkay
Оказалось,что это проблема отображения сцены в Google Chrome на XP , в мозиле и Yandex все норм.

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

Добавлено: Вт фев 23, 2016 12:27 pm
utia38
уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу

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

Добавлено: Вт фев 23, 2016 9:27 pm
DiArt
utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы

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

Добавлено: Вт фев 23, 2016 9:58 pm
utia38
круто, спасибо, поставил себе XEOMA ПОЛУЧИЛ ИЗОБРАЖЕНИЕ - А КАК ЭТО В МД ПРИКРУТИТЬ?

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

Добавлено: Вт фев 23, 2016 10:32 pm
redmax144
Доброго времени суток!
Vovix, очень прошу вас поделиться сценой с настройками... Все сцены по вашему примеру я настроил, остались только настройки... Всё выглядит просто здорово! Огромное спасибо за проделанную работу:)
Ума не приложу, как можно реализовать такие переключатели между вкладками на сцене:
СпойлерПоказать
Скриншот 2016-01-27 12.jpg
Скриншот 2016-01-27 12.jpg (174.79 КБ) 10609 просмотров
За одно хочется увидеть пример работы с тройнымы переключателями и расположением их на сцене...
Заранее спасибо!

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

Добавлено: Ср фев 24, 2016 10:07 am
nick7zmail
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>
Про какой тройной переключатель идет речь? Может тоже что-то подскажу?

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

Добавлено: Ср фев 24, 2016 7:55 pm
utia38
DiArt писал(а):
utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы
DiArt писал(а):
utia38 писал(а):уважаемый vovix а как у вас реализовано видеонаблюдение. по какому методу? и как вы поток rtsp выцепляете. скачал ваши элементы для видео и что-то не могу разобраться. у меня тоже камера дает rtsp поток, а как его привязать - ума не приложу
У меня тоже регистратор отдает rtsp пакеты.
Я себе скачал Xeoma (есть под винду и под линь), использую для вывода mjpg потока как раз в элементы
а можно поподробнее с настройками Xeoma и дальнейшей связи с МД. заранее спасибо :oops:

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

Добавлено: Ср фев 24, 2016 11:02 pm
utia38
сам себе отвечу про получение потока с ip-камер
http://felenasoft.com/xeoma/ru/about/tr ... y_na_sajt/

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

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