Страница 1 из 121

Дизайн сцен 2

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

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

- Главная -
Главная 2019.jpg
Главная 2019.jpg (120.45 КБ) 26821 просмотр
новый(2019 экспорт всей сцены, вдруг уже работает импорт):
NEW -
главная 28_11_2019.zip
(117.15 КБ) 1688 скачиваний
и старый вариант:
OLD -
Главная_Elements18-38-16.zip
(4.74 КБ) 8372 скачивания
- Погода -
Погода.jpg
Погода.jpg (105.05 КБ) 84492 просмотра
разделено на два архива, перед объединением уберите последнее расширение .zip
Погода1_Elements18-39-20.zip.001.zip
(976.56 КБ) 5335 скачиваний
Погода2_Elements18-39-20.zip.002.zip
(631.12 КБ) 5462 скачивания
- Маршруты (GPS) -
GPS.jpg
GPS.jpg (46.03 КБ) 84492 просмотра
GPS_Elements18-40-09.zip
(1.75 КБ) 3010 скачиваний
- Видео -
Видео.jpg
Видео.jpg (70.28 КБ) 84492 просмотра
Video_Elements18-41-52.zip
(2.24 КБ) 3414 скачиваний
...

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

Добавлено: Вт ноя 10, 2015 9:19 am
Vovix
... (продолжение)

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

- лист TO DO - у меня на главной сцене четвертая сверху кнопка под часами
TODO.jpg
TODO.jpg (45.42 КБ) 84491 просмотр
TO DO_Elements18-46-28.zip
(1.82 КБ) 1646 скачиваний
За основу взял это: http://codepen.io/icebob/pen/yNpgqR?editors=001
если запуститься с картинками, то просто красота!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<iframe src="/popup/app_gpstrack.html" width="944" height="500" align="left">
   
</iframe> 
и в этом случае всё хорошо!

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

Добавлено: Вт ноя 10, 2015 7:15 pm
nick7zmail
Vovix писал(а):в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!
Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.

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

Добавлено: Вт ноя 10, 2015 8:08 pm
Vovix
nick7zmail писал(а):
Vovix писал(а):в процессе не могу понять -
Как ограничить "модуль" (app) например: [#module name="app_gpstrack"#] размерами, что поместить на сцену?
и в этом случае всё хорошо!
Первое что пришло в голову - iframe, еще вариант - контейнером ограничить. Так же можно, если это элемент html на сцене - попробовать в ручную указать ширину, высоту.
Вариант с iframe у меня получился сразу.
Но как-то корявинько это!
Варианты с контейнером и указанием ширины и высоты не прокатывают, приложение app_gpstrack "рвёт" <div> напрочь.... как тузик грелку!

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

Добавлено: Сб ноя 14, 2015 2:31 am
Vovix
Немного доработал и по сути это теперь не одна сцена а несколько, связанных красивыми переходами!
111.jpg
111.jpg (209.08 КБ) 88324 просмотра
тут остальные сцены из этой темы (внимание, много картинок):
SPOILERSPOILER_SHOW
222.jpg
222.jpg (113.77 КБ) 88324 просмотра
333.jpg
333.jpg (96.24 КБ) 88324 просмотра
444.jpg
444.jpg (125.61 КБ) 88324 просмотра
555.jpg
555.jpg (108.71 КБ) 88324 просмотра
666.jpg
666.jpg (86.93 КБ) 88324 просмотра