Дизайн сцен 2
Модератор: immortal
-
- Сообщения: 56
- Зарегистрирован: Пт ноя 01, 2019 9:58 am
- Благодарил (а): 44 раза
- Поблагодарили: 2 раза
Re: Дизайн сцен 2
Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
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.
-
- Сообщения: 56
- Зарегистрирован: Пт ноя 01, 2019 9:58 am
- Благодарил (а): 44 раза
- Поблагодарили: 2 раза
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;
}
- Marss
- Сообщения: 24
- Зарегистрирован: Вс окт 28, 2018 1:30 pm
- Благодарил (а): 21 раз
- Поблагодарили: 1 раз
Re: Дизайн сцен 2
Зайди на сцену в редактор и настрой как надо
Я пока новичок
MJD на Windows+Mi Home+
MJD на Windows+Mi Home+
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID
- Рейтинг: 1.16%
Raspberry pi3, xiaomi, sonoff rf.
-
- Сообщения: 32
- Зарегистрирован: Пн сен 23, 2019 9:04 pm
- Откуда: Челябинск
- Благодарил (а): 4 раза
- Поблагодарили: 5 раз
Re: Дизайн сцен 2
Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Какие иконки? которые на скрине? Ооочень нетривиально)))Kulibink писал(а): ↑Ср ноя 27, 2019 8:14 pmПоправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?
На сколько я понял
Смотри в коде - <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.