[Дизайн] Дизайн сцен - Погода (вертикальная)

Оформление сцен, меню, страниц

Модераторы: immortal, newz20

ivannag
Сообщения: 146
Зарегистрирован: Вт апр 12, 2016 12:19 am
Благодарил (а): 18 раз
Поблагодарили: 27 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение ivannag » Сб май 07, 2016 3:38 pm

Спасибо.
Появилась идея для динамичной замены фона... нужно попробовать сделать его отдельным элементом типа "изображение" и назначить ему много состояний привязанных к свойству типа погоды ... тогда точно сработает мгновенно без обновления страницы (делал так выключатель с разными режимами).... а приоритетами выставим что и под чем должно находиться просто...
К сожалению более изящного и правильного варианта предложить не могу, так как только учусь пока...)
Аватара пользователя
Sandr
Сообщения: 126
Зарегистрирован: Пн ноя 16, 2015 5:10 pm
Благодарил (а): 19 раз
Поблагодарили: 29 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение Sandr » Вс май 08, 2016 12:22 am

Я тоже склоняюсь к этому решению. Проставить z-index для всех элементов. И все будет хорошо.
Win Home Serv 2011 / Intel Core i3 / 32 GB ram /
Сцена погода (вертикальная)
mySensor скетчи ( 4х канальный димер | Оптимизация скетчей )
Ну и конечно моя маленькая фабрика - 3D печать / фрезеровка / литье
Аватара пользователя
Vovix
Сообщения: 1152
Зарегистрирован: Пн янв 27, 2014 1:43 am
Откуда: г.Ижевск
Благодарил (а): 58 раз
Поблагодарили: 512 раз
Контактная информация:

Re: Дизайн сцен - Погода (вертикальная)

Сообщение Vovix » Пн май 09, 2016 8:06 pm

ivannag писал(а):Спасибо.
Появилась идея для динамичной замены фона... нужно попробовать сделать его отдельным элементом типа "изображение" и назначить ему много состояний привязанных к свойству типа погоды ... тогда точно сработает мгновенно без обновления страницы (делал так выключатель с разными режимами).... а приоритетами выставим что и под чем должно находиться просто...
К сожалению более изящного и правильного варианта предложить не могу, так как только учусь пока...)
вот именно так сделано у меня http://majordomo.smartliving.ru/forum/v ... =50#p27162
Мой -CONNECT-
Windows 7(PHP 7.2) + Raspberry Pi(освещение на 1-Wire) + MP751(управление) + ESP8266(сенсоры) + LAN(сенсоры)
-=: Если вам помогло моё сообщение, нажмите кнопку "Поблагодарить за сообщение автора: Vovix" (кнопка Спасибо) справа! :=-
Аватара пользователя
Sandr
Сообщения: 126
Зарегистрирован: Пн ноя 16, 2015 5:10 pm
Благодарил (а): 19 раз
Поблагодарили: 29 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение Sandr » Пт май 13, 2016 4:19 pm

Ну зачем же так сложно?

_____________________
Добавляем в конец списка элементов новый элемент HTML
CSS код

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

.bg_image{
z-index: 0;
width: 100%;
height: 100%;
}
HTML код

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

<img class="bg_image" src="/cms/scenes/weather/bg/weatherBg_%ow_day0.image%.jpg"/>
Win Home Serv 2011 / Intel Core i3 / 32 GB ram /
Сцена погода (вертикальная)
mySensor скетчи ( 4х канальный димер | Оптимизация скетчей )
Ну и конечно моя маленькая фабрика - 3D печать / фрезеровка / литье
VGorokhov
Сообщения: 51
Зарегистрирован: Пн фев 09, 2015 4:12 am
Откуда: г. Актау, Мангистауской области
Благодарил (а): 38 раз
Поблагодарили: 7 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение VGorokhov » Сб май 28, 2016 2:39 am

Добрый день, Sandr!

Где вы берёте значения для переменных:
ow_day1.name
ow_day2.name
ow_day3.name и т.д.?

Заранее спасибо за ответ!
Аватара пользователя
Sandr
Сообщения: 126
Зарегистрирован: Пн ноя 16, 2015 5:10 pm
Благодарил (а): 19 раз
Поблагодарили: 29 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение Sandr » Ср июн 08, 2016 10:52 pm

Ага - забыл запостить
Я создал скрипт

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

// внесем дни недели прогноза
$numD=gg("ow_setting.forecast_interval");

$day[0]="ВСК";
$day[1]="ПНД";
$day[2]="ВТР";
$day[3]="СРД";
$day[4]="ЧТВ";
$day[5]="ПТН";
$day[6]="СБТ";

for ($i = 1; $i < $numD; $i++) {
 $dayNum = date("w", strtotime($date .' +'.$i.' day'));
 $name = $day[date("w", strtotime($date .' +'.$i.' day'))];
 sg("ow_day".$i.".name", $name);
 //echo "day ".$i." is ".$dayNum." name ".$name.". ";
 } 
и прописал его в ow_setting.updScript
За это сообщение автора Sandr поблагодарил:
VGorokhov (Пт июн 10, 2016 10:34 am)
Рейтинг: 1.18%
Win Home Serv 2011 / Intel Core i3 / 32 GB ram /
Сцена погода (вертикальная)
mySensor скетчи ( 4х канальный димер | Оптимизация скетчей )
Ну и конечно моя маленькая фабрика - 3D печать / фрезеровка / литье
Аватара пользователя
adzam
Сообщения: 583
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 16 раз
Поблагодарили: 131 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение adzam » Вс июн 12, 2016 7:59 pm

Маленько переделал, под себя в горизонтальную, не в обиду автору
Бе.png
Бе.png (190.39 КБ) 7510 просмотров
За это сообщение автора adzam поблагодарили (всего 5):
serghei (Вс июн 12, 2016 8:42 pm) • Vit (Пн июн 13, 2016 8:23 am) • VGorokhov (Вт июн 14, 2016 6:56 pm) • samum (Пт июн 17, 2016 12:55 am) • shemnik69 (Ср ноя 09, 2016 10:56 am)
Рейтинг: 5.88%
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
serghei
Сообщения: 2565
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 300 раз
Поблагодарили: 281 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение serghei » Вс июн 12, 2016 8:46 pm

Шикарно у Тебя погода получается! Выложи пожалуйста весь твой МД с такой красотой!
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение Vit » Пн июн 13, 2016 8:24 am

присоединяюсь.....выложите пожалуйста код всей сцены...

заранее благодарны...
Аватара пользователя
adzam
Сообщения: 583
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев
Благодарил (а): 16 раз
Поблагодарили: 131 раз

Re: Дизайн сцен - Погода (вертикальная)

Сообщение adzam » Вт июл 12, 2016 4:21 am

Выложил сцену погоды горизонтальной
http://majordomo.smartliving.ru/forum/v ... f=5&t=3067
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
Ответить