Дизайн сцен 2
Модератор: immortal
Re: Дизайн сцен 2
Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
Re: Дизайн сцен 2
Посмотри в general_CSSGarik908 писал(а): Вс ноя 24, 2019 4:04 pm Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
Разделы типа
.panel-now .mainInfo img {
display: block;
margin: auto;
height: 160px;
padding-right: 20px;
}
Raspberry pi3, xiaomi, sonoff rf.
Re: Дизайн сцен 2
Про погоду в этой сцене только это:freesh писал(а): Вс ноя 24, 2019 4:59 pmПосмотри в general_CSSGarik908 писал(а): Вс ноя 24, 2019 4:04 pm Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
Разделы типа
.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;
}
Re: Дизайн сцен 2
Такой есть в сцене погоды, а в начальной сцене2 только, что выше скинул
Re: Дизайн сцен 2
Код: Выделить всё
.panel-weather img {
width: 96px;
Re: Дизайн сцен 2
Доброго времени суток! Подскажите пожалуйста в чем проблема?


Re: Дизайн сцен 2
Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?
![]()
Зайди на сцену в редактор и настрой как надо
Я пока новичок
MJD на Windows+Mi Home+
MJD на Windows+Mi Home+
Re: Дизайн сцен 2
Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?
![]()
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
Raspberry pi3, xiaomi, sonoff rf.
Re: Дизайн сцен 2
Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?freesh писал(а): Ср ноя 27, 2019 3:17 pmВозможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?
![]()
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
Re: Дизайн сцен 2
Какие иконки? которые на скрине? Ооочень нетривиально)))Kulibink писал(а): Ср ноя 27, 2019 8:14 pmПоправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?freesh писал(а): Ср ноя 27, 2019 3:17 pmВозможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?
![]()
Тав будет что-то типа блок анимации для кнопок 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.