Дизайн сцен 2
Модератор: immortal
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Подскажите, как убрать рамку (сцена освещения на плане квартиры), где-то находил раньше, решил переделать и не могу найти
Raspberry pi3, xiaomi, sonoff rf.
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен 2
Если это простое устройсво - в devices.css
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".

>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Эмм, всё перековырял, квадратик серый так и остался 
На сцене это объект типа image.
В CSS для режима on стоит свечение по правильному state_id.
Но всё равно

На сцене это объект типа image.
В CSS для режима on стоит свечение по правильному state_id.
Но всё равно

СпойлерПоказать
Raspberry pi3, xiaomi, sonoff rf.
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен 2
Ааа...дак это не простое устройство? Я думал это ПУ выключатель в минимал режиме))
А с картинкой - у вас скорее всего css не совсем верно оформлен. Тень только снаружи. Надо внутрь ещё добавлять...или же фон div-a в котором эта картинка добавить. Как удобнее.
А с картинкой - у вас скорее всего css не совсем верно оформлен. Тень только снаружи. Надо внутрь ещё добавлять...или же фон div-a в котором эта картинка добавить. Как удобнее.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".

>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Это конечно хорошо)) но вот вопрос как??)))nick7zmail писал(а): ↑Пт ноя 15, 2019 6:42 amАаа...дак это не простое устройство? Я думал это ПУ выключатель в минимал режиме))
А с картинкой - у вас скорее всего css не совсем верно оформлен. Тень только снаружи. Надо внутрь ещё добавлять...или же фон div-a в котором эта картинка добавить. Как удобнее.
СпойлерПоказать
СпойлерПоказать
@import url("https://maxcdn.bootstrapcdn.com/font-aw ... me.min.css");
/* ---------------------------------------------------------- */
/* карта анимации блока heading и back */
@keyframes forheading {
0% { transform: translateY(500px); }
45% { transform: translateY(-8px); }
65% { transform: translateY(10px); }
100% { transform: translateY(0px); }
}
/* -----------------------------------------------------------------------*/
/* ОБЩЕЕ СОБРАНИЕ КОДА ДЛЯ АНИМАЦИИ */
/* -----------------------------------------------------------------------*/
.element_123 { animation: forheading 1.2s ease-out; } /* - блок back */
.element_124 { animation: forheading 1.6s ease-out; } /* - блок handing */
/* -----------------------------------------------------------------------*/
/* стили для heading*/
/* -----------------------------------------------------------------------*/
.element_124 {
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* -----------------------------------------------------------------------*/
/* стили для кнопки BACK*/
/* -----------------------------------------------------------------------*/
.backbutton {
box-sizing: border-box;
color: white;
position: absolute;
width: 100%;
bottom: 0px;
padding: 0px;
align-items: center;
justify-content: space-around;
}
.backbutton .icon {
margin: 0;
width: 40px;
height: 40px;
padding: 0px;
text-align: center;
cursor: pointer;
/* border: 9px solid rgba(0, 233, 233, 0.6);
-moz-border-radius: 82px;
-webkit-border-radius: 82px;
border-radius: 82px; */
}
.backbutton .icon .fa {
margin: 0px 0px 0px 0px;
font-size: 40px;
}
/* ---------------------------------------------------------- */
/* прозрачность плана этажа 50% */
/* ---------------------------------------------------------- */
.element_129 {
opacity: 0.5;
}
/* ---------------------------------------------------------- */
/* свечение */
/* ---------------------------------------------------------- */
#state_226
{
-moz-box-shadow:0 0 50px 30px #FFDD55;
-webkit-box-shadow:0 0 50px 30px #FFDD55;
}
.enjoy-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 120px;
height: 70px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
.temphum-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 150px;
height: 30px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
/* ---------------------------------------------------------- */
/* карта анимации блока heading и back */
@keyframes forheading {
0% { transform: translateY(500px); }
45% { transform: translateY(-8px); }
65% { transform: translateY(10px); }
100% { transform: translateY(0px); }
}
/* -----------------------------------------------------------------------*/
/* ОБЩЕЕ СОБРАНИЕ КОДА ДЛЯ АНИМАЦИИ */
/* -----------------------------------------------------------------------*/
.element_123 { animation: forheading 1.2s ease-out; } /* - блок back */
.element_124 { animation: forheading 1.6s ease-out; } /* - блок handing */
/* -----------------------------------------------------------------------*/
/* стили для heading*/
/* -----------------------------------------------------------------------*/
.element_124 {
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* -----------------------------------------------------------------------*/
/* стили для кнопки BACK*/
/* -----------------------------------------------------------------------*/
.backbutton {
box-sizing: border-box;
color: white;
position: absolute;
width: 100%;
bottom: 0px;
padding: 0px;
align-items: center;
justify-content: space-around;
}
.backbutton .icon {
margin: 0;
width: 40px;
height: 40px;
padding: 0px;
text-align: center;
cursor: pointer;
/* border: 9px solid rgba(0, 233, 233, 0.6);
-moz-border-radius: 82px;
-webkit-border-radius: 82px;
border-radius: 82px; */
}
.backbutton .icon .fa {
margin: 0px 0px 0px 0px;
font-size: 40px;
}
/* ---------------------------------------------------------- */
/* прозрачность плана этажа 50% */
/* ---------------------------------------------------------- */
.element_129 {
opacity: 0.5;
}
/* ---------------------------------------------------------- */
/* свечение */
/* ---------------------------------------------------------- */
#state_226
{
-moz-box-shadow:0 0 50px 30px #FFDD55;
-webkit-box-shadow:0 0 50px 30px #FFDD55;
}
.enjoy-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 120px;
height: 70px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
.temphum-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 150px;
height: 30px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
Raspberry pi3, xiaomi, sonoff rf.
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен 2
попробуйте добавить
background:#FFDD55; или background-color:#FFDD55;
Не помню точно как объявляется.
background:#FFDD55; или background-color:#FFDD55;
Не помню точно как объявляется.
- За это сообщение автора nick7zmail поблагодарили (всего 2):
- freesh (Пн ноя 18, 2019 11:50 am) • ZyaK (Пн ноя 18, 2019 12:44 pm)
- Рейтинг: 2.33%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".

>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
Хм, костыльно, конечно, вроде я до этого делал что получалось одноцветно. но пока ладно и так пойдет
background-color помог
background-color помог
Raspberry pi3, xiaomi, sonoff rf.
- Marss
- Сообщения: 24
- Зарегистрирован: Вс окт 28, 2018 1:30 pm
- Благодарил (а): 21 раз
- Поблагодарили: 1 раз
Re: Дизайн сцен 2
Всем привет! Братцы помогите расшифровать и может подскажите как решить эти ошибки!!!????
Буду благодарен!
Буду благодарен!
- Вложения
-
- Снимок.PNG (80.59 КБ) 3740 просмотров
Я пока новичок
MJD на Windows+Mi Home+

MJD на Windows+Mi Home+
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен 2
Ошибка в коде сцены. ID сцены 11, ID состояния 326. Смотрите какой код туда записали.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".

>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 189
- Зарегистрирован: Сб окт 12, 2019 2:10 pm
- Благодарил (а): 6 раз
- Поблагодарили: 30 раз
Re: Дизайн сцен 2
У меня было похожее, когда условие отображения стояло расширенное, а кода небыло.
- Рейтинг: 1.16%
Raspberry pi3, xiaomi, sonoff rf.