State
(custom)
<img src="/cms/scenes/Majorico.jpg" align="absmiddle" alt="" width="60" height="50">
<strong><big style="font-size:35px" >%ThisComputer.timeNow%</big></strong>
<big style="font-size:20px">%ThisComputer.Today%</big>
<br>
<strong><big style="font-size:20px" >Состояние системы:</big></strong>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" width="20" height="20" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" width="20" height="20" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" width="20" height="20" align="absmiddle"> %Communication.stateDetails%
<br>
<strong><big style="font-size:14px">%ThisComputer.Who_is_now_at_home%</big></strong>
<br/>
<big style="font-size:14px">%ThisComputer.somebodyHomeText%</big>
<br>
<strong><big style="font-size:14px">Загрузка/Температура ЦП(%ThisComputer.CPU_usage%% ,%ThisComputer.CPU_temp%C° )</big></strong>
<br/>
<h1>
<img src="cms/scenes/pogodo1.png" alt="" width="40" height="40" />
<strong>На улице </strong><span >%rambler_weather.temperature%C° %ow_fact.humidity%%</span></h1>
<strong><big style="font-size:14px" >Температура и влажность в комнатах:</big></strong><span >
Ванная
(custom)
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_v
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_v span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_v span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_v .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_v">
<span>Ванная</span>
<div class="temp">
<span1>%Bathroom_Sensor.Temp_value%C° %Bathroom_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_g
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_g span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_g span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_g .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_g">
<span>Гостинная</span>
<div class="temp">
<span1>%Livingroom_Sensor.Temp_value%C° %Livingroom_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_d
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_d span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_d span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_d .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_d">
<span>Детская</span>
<div class="temp">
<span1>%Kinderroom_Sensor.Temp_value%C° %Kinderroom_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_h
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_h span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_h span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_h .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_h">
<span>Коридор</span>
<div class="temp">
<span1>%Hallway_Sensor.Temp_value%C° %Hallway_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_k
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_k span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_k span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_k .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_k">
<span>Кухня</span>
<div class="temp">
<span1>%Kitchen_Sensor.Temp_value%C° %Kitchen_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<style>
.test
{
width: 320px;
height: 50px;
background: transparent;
}
.test_s
{
width: 285px;
height: 50px;
border-radius: 10px;
margin-left: 0px;
margin-top: 0px;
}
.test_s span
{
position: absolute;
margin-left: 50px;
margin-top: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.test_s span1
{
position: absolute;
margin-left: 50px;
margin-top: 28px;
color: #000000;
font-size: 18px;
}
.test_s .temp img
{
position: absolute;
border-radius: 50px;
margin-left: -5px;
margin-top: 5px;
width: 40px;
height: 40px;
}
</style>
<div class="test">
<div class="test_s">
<span>Спальня</span>
<div class="temp">
<span1>%Bedroom_Sensor.Temp_value%C° %Bedroom_Sensor.Hum_value%% </span1>
<img src="/cms/scenes/8.jpg" ></img>
</div>
</div>
</div>
<div style="text-shadow:none;font-weight:normal;">[#module name="shoutbox" limit="5" reverse="1" mobile="1"#]</div>