Дизайн сцен 2

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

Модераторы: Ivan, Bagir, Vit, immortal, PAV

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

Дизайн сцен 2

Сообщение Vovix » Вт ноя 10, 2015 9:14 am

СЦЕНА по состоянию на 30.03.2016 г. (изменил это сообщение)
move_main2.gif
move_main2.gif (781.54 КБ) 48762 просмотра
Сцена, точнее НЕСКОЛЬКО СЦЕН с анимацией открытия, для планшета 1024 х 600
почти всё средствами CSS!
Рекомендую установить флажок у всех "не включать в список переключающихся сцен"
Также рекомендую смотреть мой CONNECT для стыковки своих объектов!
КАК УСТАНОВИТЬ к себе хорошо показано здесь(спасибо sega6549): https://youtu.be/ZRWDUY4UZfY

И так (сначала картинка потом файл архива - достать из zip и устанавливать через импорт элементов сцены):

- Главная -
Главная.jpg
Главная.jpg (103.4 КБ) 48762 просмотра
Главная_Elements18-38-16.zip
(4.74 КБ) 4576 скачиваний
- Погода -
Погода.jpg
Погода.jpg (105.05 КБ) 48762 просмотра
разделено на два архива, перед объединением уберите последнее расширение .zip
Погода1_Elements18-39-20.zip.001.zip
(976.56 КБ) 2674 скачивания
Погода2_Elements18-39-20.zip.002.zip
(631.12 КБ) 2652 скачивания
- Маршруты (GPS) -
GPS.jpg
GPS.jpg (46.03 КБ) 48762 просмотра
GPS_Elements18-40-09.zip
(1.75 КБ) 1415 скачиваний
- Видео -
Видео.jpg
Видео.jpg (70.28 КБ) 48762 просмотра
Video_Elements18-41-52.zip
(2.24 КБ) 1522 скачивания
...
Последний раз редактировалось Vovix Ср мар 30, 2016 7:35 pm, всего редактировалось 3 раза.
За это сообщение автора Vovix поблагодарили (всего 19):
Amarok (Вт ноя 10, 2015 10:46 am) • foxvlad (Сб ноя 14, 2015 10:57 pm) • zahar13 (Чт ноя 26, 2015 2:13 pm) • skysilver (Вт дек 01, 2015 5:25 pm) • savenko_egor (Ср дек 02, 2015 5:04 am) • coolermister (Ср дек 09, 2015 10:18 pm) • du-bass (Чт апр 28, 2016 2:03 pm) • Pioneer-dz (Вс май 08, 2016 10:30 am) • fynto (Чт июл 21, 2016 1:15 pm) • filippovsky (Вт авг 30, 2016 10:08 pm) и ещё 9
Рейтинг: 26.03%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Вт ноя 10, 2015 9:19 am

... (продолжение)

- Диаграммы (графики) -
Графики.jpg
Графики.jpg (56.27 КБ) 48761 просмотр
Графики_Elements18-42-29.zip
(6.03 КБ) 1360 скачиваний
- Управление (освещением) - закладки на три плана
Свет 2 этаж.jpg
Свет 2 этаж.jpg (54.3 КБ) 48761 просмотр
Свет_2_этаж_Elements18-43-52.zip
(6.38 КБ) 1026 скачиваний
Свет_1_этаж_Elements18-44-35.zip
(2.08 КБ) 995 скачиваний
Свет_на улице_Elements18-45-05.zip
(1.99 КБ) 834 скачивания
- Настройки - очень "завязаны" на моё меню
Настройки.jpg
Настройки.jpg (54.57 КБ) 48761 просмотр
Настройка_Elements18-45-47.zip
(2.46 КБ) 1836 скачиваний
Есть еще одна сцена, но она требует наличия моего модуля TO DO - http://majordomo.smartliving.ru/forum/v ... 613#p26968

- лист TO DO - у меня на главной сцене четвертая сверху кнопка под часами
TODO.jpg
TODO.jpg (45.42 КБ) 48761 просмотр
TO DO_Elements18-46-28.zip
(1.82 КБ) 815 скачиваний
За основу взял это: http://codepen.io/icebob/pen/yNpgqR?editors=001
если запуститься с картинками, то просто красота!
Последний раз редактировалось Vovix Ср мар 30, 2016 7:24 pm, всего редактировалось 1 раз.
За это сообщение автора Vovix поблагодарили (всего 4):
fynto (Пт июл 22, 2016 9:32 am) • Andy111 (Сб ноя 18, 2017 11:45 am) • piton_78 (Ср фев 07, 2018 12:12 pm) • wozowik (Ср фев 14, 2018 8:43 pm)
Рейтинг: 5.48%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
nick7zmail
Сообщения: 5831
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

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

Сообщение nick7zmail » Вт ноя 10, 2015 10:28 am

Одно но - а чем старая тема не устроила? Там вроде до сих пор дизайн выкладывают изредка)) http://majordomo.smartliving.ru/forum/v ... f=4&t=1919

И кстати - на сколько я понял - это не сцена, а домашняя страница? Или я ошибаюсь?
За это сообщение автора nick7zmail поблагодарил:
Andy111 (Сб ноя 18, 2017 11:46 am)
Рейтинг: 1.37%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Вт ноя 10, 2015 11:57 am

nick7zmail писал(а):Одно но - а чем старая тема не устроила? Там вроде до сих пор дизайн выкладывают изредка)) http://majordomo.smartliving.ru/forum/v ... f=4&t=1919

И кстати - на сколько я понял - это не сцена, а домашняя страница? Или я ошибаюсь?
Старая, моя, меня устраивала, но.... захотелось большего... и как мне кажется эта получается лучше....
во всяком случае выглядит на планшете перед выходом просто здорово!
Она еще и анимированна при открытии, ну и время мигает, (есть вариант с flip даже, но пока не использую его)

И это именно "СЦЕНА"!
За это сообщение автора Vovix поблагодарили (всего 3):
piton_78 (Ср фев 07, 2018 12:12 pm) • wozowik (Ср фев 14, 2018 8:43 pm) • Rench410 (Сб сен 08, 2018 6:11 pm)
Рейтинг: 4.11%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
nick7zmail
Сообщения: 5831
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

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

Сообщение nick7zmail » Вт ноя 10, 2015 12:05 pm

Vovix писал(а): Старая, моя, меня устраивала, но.... захотелось большего... и как мне кажется эта получается лучше....
во всяком случае выглядит на планшете перед выходом просто здорово!
Она еще и анимированна при открытии, ну и время мигает, (есть вариант с flip даже, но пока не использую его)

И это именно "СЦЕНА"!
Прошу прощения, может быть не правильно выразился - под старой темой я имел ввиду - старый топик "Дизайн сцен"...зачем новый создавать, можно же продолжить там выкладывать.

А на счет того что сцена - хм, тогда ждем законченного варианта с описаниями.
Просто я увидел html-код, и решил что это в отдельной страничке сделано. А под сценами вроде как подразумеваются странички сделанные встроенным редактором сцен MD - с возможностью редактировать, перетаскивать, менять элементы из админки.
Я не спорю, можно в сцене создать html-элемент во всю сцену, и там уже воротить в html что хочешь, но смысл тогда названия "сцена" теряется) Это просто получается html-страница.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Вт ноя 10, 2015 12:15 pm

Предоставляемый нашей замечательной системой инструментарий в администрировании "Домашних страниц", практически, не позволяет сделать все "хотелки" стандартными (своими) средствами... т.е. можно сделать, конечно что угодно там, но скорее всего это придется делать непосредственно на сервере (например нет возможности подключить к домашним страницам CSS, ну кроме как непосредственно в текст...)

А возможности редактора Сцен - практически безграничны!!! :-)
За это сообщение автора Vovix поблагодарили (всего 2):
piton_78 (Ср фев 07, 2018 12:12 pm) • wozowik (Ср фев 14, 2018 8:43 pm)
Рейтинг: 2.74%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Вт ноя 10, 2015 6:28 pm

в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, чтобы поместить на сцену?
По ширине ограничивается а вот по высоте - не могу!
СпойлерПоказать
Скриншот 2015-11-10 19.14.24.png
Скриншот 2015-11-10 19.14.24.png (421.57 КБ) 52718 просмотров
пока вставил так:

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

<iframe src="/popup/app_gpstrack.html" width="944" height="500" align="left">
   
</iframe> 
и в этом случае всё хорошо!
Последний раз редактировалось Vovix Пн ноя 16, 2015 2:03 am, всего редактировалось 1 раз.
За это сообщение автора Vovix поблагодарил:
wozowik (Ср фев 14, 2018 8:44 pm)
Рейтинг: 1.37%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
nick7zmail
Сообщения: 5831
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

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

Сообщение nick7zmail » Вт ноя 10, 2015 7:15 pm

Vovix писал(а):в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!
Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Вт ноя 10, 2015 8:08 pm

nick7zmail писал(а):
Vovix писал(а):в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!
Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.
Вариант с iframe у меня получился сразу.
Но как-то корявинько это!
Варианты с контейнером и указанием ширины и высоты не прокатывают, приложение app_gpstrack "рвёт" <div> напрочь.... как тузик грелку!
За это сообщение автора Vovix поблагодарил:
wozowik (Ср фев 14, 2018 8:44 pm)
Рейтинг: 1.37%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
Vovix
Сообщения: 1113
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 467 раз
Контактная информация:

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

Сообщение Vovix » Сб ноя 14, 2015 2:31 am

Немного доработал и по сути это теперь не одна сцена а несколько, связанных красивыми переходами!
111.jpg
111.jpg (209.08 КБ) 52594 просмотра
тут остальные сцены из этой темы (внимание, много картинок):
СпойлерПоказать
222.jpg
222.jpg (113.77 КБ) 52594 просмотра
333.jpg
333.jpg (96.24 КБ) 52594 просмотра
444.jpg
444.jpg (125.61 КБ) 52594 просмотра
555.jpg
555.jpg (108.71 КБ) 52594 просмотра
666.jpg
666.jpg (86.93 КБ) 52594 просмотра
За это сообщение автора Vovix поблагодарили (всего 3):
VGorokhov (Вт янв 19, 2016 8:14 am) • piton_78 (Ср фев 07, 2018 12:13 pm) • wozowik (Ср фев 14, 2018 8:44 pm)
Рейтинг: 4.11%
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Ответить