-
Температура
(custom)
<style>
@import url("/fontawesome-5.12.1/css/all.css");
.containerTemp {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
//background-color:rgba(0, 0, 0, 0.3);
}
.infoTemp {
background-color:rgba(0, 0, 0, 0);
border-radius: 15px;
}
</style>
<div class="containerTemp" style="background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.9), rgba(0,0,0,0.6), rgba(150, 150,150,0.6), rgba(0,0,0,0.6)), url(%background.climat%);">
<div class="infoTemp">
<center>
<font color="%colors.menu_color2%">Температура:</font><br/>
<font color="%TempSensor01.color%">%TempSensor01.value%<span class="degree">°</span> C</font>
</center>
</div>
</div>
-
Влажность
(custom)
<style>
@import url("/fontawesome-5.12.1/css/all.css");
.containerHum {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
//background-color:rgba(0, 0, 0, 0.3);
}
.infoHum {
background-color:rgba(0, 0, 0, 0);
border-radius: 15px;
}
</style>
<div class="containerHum" style="background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.9), rgba(0,0,0,0.6), rgba(150, 150,150,0.6), rgba(0,0,0,0.6)), url(%background.climat%);">
<div class="infoHum">
<center>
<font color="%colors.menu_color2%">Влажность:</font><br/>
<font color="%HumSensor01.color%"> %HumSensor01.value% %<span class="degree"></span></font>
</center>
</div>
</div>
-
Атмосферное давление
(custom)
<style>
@import url("/fontawesome-5.12.1/css/all.css");
.containerPress {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
//background-color:rgba(0, 0, 0, 0.3);
}
.infoPress {
background-color:rgba(0, 0, 0, 0);
border-radius: 15px;
}
</style>
<div class="containerPress" style="background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.9), rgba(0,0,0,0.6), rgba(150, 150,150,0.6), rgba(0,0,0,0.6)), url(%background.climat%);">
<div class="infoPress">
<center>
<font color="%colors.menu_color2%">Атмосферное давление:</font><br/>
<font color="%PressSensor01.color%">%PressSensor01.value% мм рт. ст<span class="degree"></span></font>
</center>
</div>
</div>