Дизайн сцен 2

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

Модератор: immortal

Garik908
Сообщения: 56
Зарегистрирован: Пт ноя 01, 2019 9:58 am
Благодарил (а): 44 раза
Поблагодарили: 2 раза

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

Сообщение Garik908 » Вс ноя 24, 2019 4:04 pm

Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
freesh
Сообщения: 189
Зарегистрирован: Сб окт 12, 2019 2:10 pm
Благодарил (а): 6 раз
Поблагодарили: 30 раз

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

Сообщение freesh » Вс ноя 24, 2019 4:59 pm

Garik908 писал(а):
Вс ноя 24, 2019 4:04 pm
Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
Посмотри в general_CSS
Разделы типа
.panel-now .mainInfo img {
display: block;
margin: auto;
height: 160px;
padding-right: 20px;
}
Raspberry pi3, xiaomi, sonoff rf.
Garik908
Сообщения: 56
Зарегистрирован: Пт ноя 01, 2019 9:58 am
Благодарил (а): 44 раза
Поблагодарили: 2 раза

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

Сообщение Garik908 » Вс ноя 24, 2019 5:28 pm

freesh писал(а):
Вс ноя 24, 2019 4:59 pm
Garik908 писал(а):
Вс ноя 24, 2019 4:04 pm
Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
Посмотри в general_CSS
Разделы типа
.panel-now .mainInfo img {
display: block;
margin: auto;
height: 160px;
padding-right: 20px;
}
Про погоду в этой сцене только это:
/* -----------------------------------------------------------------------*/
/* панель погоды */
/* -----------------------------------------------------------------------*/
.panel-weather {
box-sizing: border-box;
color: white;
background-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);

/* выше общее */
position: absolute;
/* top: 0px; */
/* right: 0px; */
width: 480px;
text-align: center;
cursor: pointer;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px;
border-radius: 10px 0px 0px 10px;
}
.panel-weather .location {
background-color: rgba(0, 233, 233, 0.6);
font-size: 22px;
line-height: 1.2;
text-align: center;
font-family: arial;
font-weight: 100;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px;
border-radius: 10px 0px 0px 0px;
}

.panel-weather img {
width: 96px;
margin: 10px 50px 0 0;
}
.panel-weather .temp-weather {
font-family: arial;
font-weight: 600;
display: inline-block;
vertical-align: top;
font-size: 96px;
line-height: 1.4;
}
.panel-weather .temp-weather .degree {
font-family: arial;
font-weight: 600;
font-size: 32px;
line-height: 1.4;
vertical-align: top;
}
.panel-weather .text-weather {
font-family: arial;
font-weight: 200;
font-size: 32px;
line-height: 1.4;
margin: 0 0 4px 0;
}
Garik908
Сообщения: 56
Зарегистрирован: Пт ноя 01, 2019 9:58 am
Благодарил (а): 44 раза
Поблагодарили: 2 раза

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

Сообщение Garik908 » Вс ноя 24, 2019 5:31 pm

Такой есть в сцене погоды, а в начальной сцене2 только, что выше скинул
Jilber
Сообщения: 686
Зарегистрирован: Ср май 03, 2017 7:41 pm
Благодарил (а): 113 раз
Поблагодарили: 107 раз

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

Сообщение Jilber » Вс ноя 24, 2019 5:36 pm

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

.panel-weather img {
 width: 96px;
 
Это случаем не оно ?
Kulibink
Сообщения: 32
Зарегистрирован: Пн сен 23, 2019 9:04 pm
Откуда: Челябинск
Благодарил (а): 4 раза
Поблагодарили: 5 раз

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

Сообщение Kulibink » Ср ноя 27, 2019 1:55 pm

Доброго времени суток! Подскажите пожалуйста в чем проблема?
Изображение
Аватара пользователя
Marss
Сообщения: 24
Зарегистрирован: Вс окт 28, 2018 1:30 pm
Благодарил (а): 21 раз
Поблагодарили: 1 раз

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

Сообщение Marss » Ср ноя 27, 2019 2:55 pm

Kulibink писал(а):
Ср ноя 27, 2019 1:55 pm
Доброго времени суток! Подскажите пожалуйста в чем проблема?
Изображение

Зайди на сцену в редактор и настрой как надо
Я пока новичок :mrgreen:
MJD на Windows+Mi Home+
freesh
Сообщения: 189
Зарегистрирован: Сб окт 12, 2019 2:10 pm
Благодарил (а): 6 раз
Поблагодарили: 30 раз

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

Сообщение freesh » Ср ноя 27, 2019 3:17 pm

Kulibink писал(а):
Ср ноя 27, 2019 1:55 pm
Доброго времени суток! Подскажите пожалуйста в чем проблема?
Изображение
Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
За это сообщение автора freesh поблагодарил:
Kulibink (Ср ноя 27, 2019 8:13 pm)
Рейтинг: 1.16%
Raspberry pi3, xiaomi, sonoff rf.
Kulibink
Сообщения: 32
Зарегистрирован: Пн сен 23, 2019 9:04 pm
Откуда: Челябинск
Благодарил (а): 4 раза
Поблагодарили: 5 раз

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

Сообщение Kulibink » Ср ноя 27, 2019 8:14 pm

freesh писал(а):
Ср ноя 27, 2019 3:17 pm
Kulibink писал(а):
Ср ноя 27, 2019 1:55 pm
Доброго времени суток! Подскажите пожалуйста в чем проблема?
Изображение
Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?
freesh
Сообщения: 189
Зарегистрирован: Сб окт 12, 2019 2:10 pm
Благодарил (а): 6 раз
Поблагодарили: 30 раз

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

Сообщение freesh » Ср ноя 27, 2019 8:33 pm

Kulibink писал(а):
Ср ноя 27, 2019 8:14 pm
freesh писал(а):
Ср ноя 27, 2019 3:17 pm
Kulibink писал(а):
Ср ноя 27, 2019 1:55 pm
Доброго времени суток! Подскажите пожалуйста в чем проблема?
Изображение
Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?
Какие иконки? которые на скрине? Ооочень нетривиально)))
На сколько я понял
Смотри в коде - <div data-page="weather" class="icon"><i class="fa fa-sun"></i><span class="title">погода</span></div>
И вот за иконку отвечает - fa-sun и sun.svg - лежит у меня в /3rdparty/fontawesome/swgs/...

Может можно как-то проще, но я не знаю)
Raspberry pi3, xiaomi, sonoff rf.
Ответить