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

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

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

ivannag
Сообщения: 146
Зарегистрирован: Вт апр 12, 2016 12:19 am

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

Сообщение ivannag »

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

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

Сообщение Sandr »

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

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

Сообщение Vovix »

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

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

Сообщение Sandr »

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

_____________________
Добавляем в конец списка элементов новый элемент 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
Откуда: г. Актау, Мангистауской области

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

Сообщение VGorokhov »

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

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

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

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

Сообщение Sandr »

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

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

// внесем дни недели прогноза
$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
Win Home Serv 2011 / Intel Core i3 / 32 GB ram /
Сцена погода (вертикальная)
mySensor скетчи ( 4х канальный димер | Оптимизация скетчей )
Ну и конечно моя маленькая фабрика - 3D печать / фрезеровка / литье
Аватара пользователя
adzam
Сообщения: 607
Зарегистрирован: Сб дек 08, 2012 10:28 pm
Откуда: Кишинев

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

Сообщение adzam »

Маленько переделал, под себя в горизонтальную, не в обиду автору
Бе.png
Бе.png (190.39 КБ) 12955 просмотров
Мои проекты здесь...https://connect.smartliving.ru/profile/41/blog213.htm
Если вам помогло какое-либо мое сообщение - не ленитесь пользоваться кнопкой СПАСИБО.
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв

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

Сообщение serghei »

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

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

Сообщение Vit »

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

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

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

Сообщение adzam »

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