Дизайн сцен 2

[Vovix]

СЦЕНА(главная по состоянию на 28.11.2019 г. (изменил это сообщение)

move_main2.gif (781.54 КБ) 84396 просмотров

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

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

- Главная -

Главная 2019.jpg (120.45 КБ) 26725 просмотров

новый(2019 экспорт всей сцены, вдруг уже работает импорт):
NEW -

главная 28_11_2019.zip

(117.15 КБ) 1679 скачиваний

и старый вариант:
OLD -

Главная_Elements18-38-16.zip

(4.74 КБ) 8363 скачивания

- Погода -

Погода.jpg (105.05 КБ) 84396 просмотров

разделено на два архива, перед объединением уберите последнее расширение .zip

Погода1_Elements18-39-20.zip.001.zip

(976.56 КБ) 5325 скачиваний

Погода2_Elements18-39-20.zip.002.zip

(631.12 КБ) 5454 скачивания

- Маршруты (GPS) -

GPS.jpg (46.03 КБ) 84396 просмотров

GPS_Elements18-40-09.zip

(1.75 КБ) 3004 скачивания

- Видео -

Видео.jpg (70.28 КБ) 84396 просмотров

Video_Elements18-41-52.zip

(2.24 КБ) 3408 скачиваний

...

[Vovix]

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

- Диаграммы (графики) -

Графики.jpg (56.27 КБ) 84395 просмотров

Графики_Elements18-42-29.zip

(6.03 КБ) 2964 скачивания

- Управление (освещением) - закладки на три плана

Свет 2 этаж.jpg (54.3 КБ) 84395 просмотров

Свет_2_этаж_Elements18-43-52.zip

(6.38 КБ) 2594 скачивания

Свет_1_этаж_Elements18-44-35.zip

(2.08 КБ) 2051 скачивание

Свет_на улице_Elements18-45-05.zip

(1.99 КБ) 1972 скачивания

- Настройки - очень "завязаны" на моё меню

Настройки.jpg (54.57 КБ) 84395 просмотров

Настройка_Elements18-45-47.zip

(2.46 КБ) 3260 скачиваний

Есть еще одна сцена, но она требует наличия моего модуля TO DO - http://majordomo.smartliving.ru/forum/v ... 613#p26968

- лист TO DO - у меня на главной сцене четвертая сверху кнопка под часами

TODO.jpg (45.42 КБ) 84395 просмотров

TO DO_Elements18-46-28.zip

(1.82 КБ) 1641 скачивание

За основу взял это: http://codepen.io/icebob/pen/yNpgqR?editors=001
если запуститься с картинками, то просто красота!

[nick7zmail]

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

И кстати - на сколько я понял - это не сцена, а домашняя страница? Или я ошибаюсь?

[Vovix]

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

И кстати - на сколько я понял - это не сцена, а домашняя страница? Или я ошибаюсь?

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

И это именно "СЦЕНА"!

[nick7zmail]

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

И это именно "СЦЕНА"!

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

А на счет того что сцена - хм, тогда ждем законченного варианта с описаниями.
Просто я увидел html-код, и решил что это в отдельной страничке сделано. А под сценами вроде как подразумеваются странички сделанные встроенным редактором сцен MD - с возможностью редактировать, перетаскивать, менять элементы из админки.
Я не спорю, можно в сцене создать html-элемент во всю сцену, и там уже воротить в html что хочешь, но смысл тогда названия "сцена" теряется) Это просто получается html-страница.

[Vovix]

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

А возможности редактора Сцен - практически безграничны!!!

[Vovix]

в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, чтобы поместить на сцену?
По ширине ограничивается а вот по высоте - не могу!

SPOILERSPOILER_SHOW

Скриншот 2015-11-10 19.14.24.png (421.57 КБ) 88352 просмотра

пока вставил так:

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

<iframe src="/popup/app_gpstrack.html" width="944" height="500" align="left">
   
</iframe> 

и в этом случае всё хорошо!

[nick7zmail]

в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!

Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.

[Vovix]

в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!

Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.

Вариант с iframe у меня получился сразу.
Но как-то корявинько это!
Варианты с контейнером и указанием ширины и высоты не прокатывают, приложение app_gpstrack "рвёт" <div> напрочь.... как тузик грелку!

[Vovix]

Немного доработал и по сути это теперь не одна сцена а несколько, связанных красивыми переходами!

111.jpg (209.08 КБ) 88228 просмотров

тут остальные сцены из этой темы (внимание, много картинок):

SPOILERSPOILER_SHOW

222.jpg (113.77 КБ) 88228 просмотров

333.jpg (96.24 КБ) 88228 просмотров

444.jpg (125.61 КБ) 88228 просмотров

555.jpg (108.71 КБ) 88228 просмотров

666.jpg (86.93 КБ) 88228 просмотров