schmidtsi76327/ESP8266_Treppenlicht
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Html Änderung

Browse Source
This commit is contained in:
Pupsmuckel 2021-06-24 11:34:05 +02:00
parent 9d1105cb80
commit c40e7f80e5
2 changed files with 40 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
data/index.html
View File

@ -14,37 +14,45 @@
</div>
<div class="ueberschrift">
<center>Helligkeit</center>
Helligkeit
<!--<label id="label_pwm">
</label>-->
<div class="slider">
<label id="label_pwm">
</label>
<input type="range" class="testregler" min="0" max="100">
<input type="range" class="regler" value="50" min="1" max="100"
oninput="this.nextElementSibling.value = this.value">
<output>50</output>
</div>
</div>
<div class="ueberschrift">
<center>Helligkeit bei Dunkelheit</center>
Helligkeit bei Dunkelheit
<!--<label id="label_geschwindigkeit">
</label>-->
<div class="slider">
<label id="label_geschwindigkeit">
</label>
<input type="range" class="testregler" min="0" max="100">
<input type="range" class="regler" value="50" min="1" max="100"
oninput="this.nextElementSibling.value = this.value">
<output>50</output>
</div>
</div>
<br>
<div class="ueberschrift">
<center>Laufgeschwindigkeit</center>
Laufgeschwindigkeit
<!--<label id="label_geschwindigkeit">
</label>-->
<div class="slider">
<label id="label_geschwindigkeit">
</label>
<input type="range" class="testregler" min="0" max="100">
<input type="range" class="regler" value="50" min="1" max="100"
oninput="this.nextElementSibling.value = this.value">
<output>50</output>
</div>
</div>
<br>
<div class="ueberschrift">
<center>Licht-An-Zeit</center>
Licht-An-Zeit
<!-- <label id="label_geschwindigkeit">
</label>-->
<div class="slider">
<label id="label_geschwindigkeit">
</label>
<input type="range" class="testregler" min="0" max="100">
<input type="range" class="regler" value="50" min="1" max="100"
oninput="this.nextElementSibling.value = this.value">
<output>50</output>
</div>
</div>

8
data/style.css
View File

@ -20,11 +20,13 @@ html {
.ueberschrift{
color: #ffffff;
font-size: 50px;
width: 40%;
width: 100%;
background-color: #5f5f5f;
opacity: 0.2;
text-align: center;
}
.testregler{
.regler{
-webkit-appearance: none;
height: 30px;
width: 98%;
@ -32,7 +34,7 @@ html {
outline: black;
background-color: rgb(176, 188, 228);
}
.testregler::-webkit-slider-thumb{
.regler::-webkit-slider-thumb{
-webkit-appearance: none;
appearance: none;
width: 5%;