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

62
data/index.html
View File

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

8
data/style.css
View File

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