JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="mkaleu, post: 14637, member: 5121"] Hallo, ich habe mich hier angemeldet, weil ich hoffe Hilfe bei der Gestaltung meiner Dashboardseiten zu bekommen. Alle Eigenversuche haben bisher nicht geklappt. Ich möchte Daten aus meinem Haus auf meinem Webserver darstellen und möchte die Größe variabel halten, weil die Ausgabe auf verschieden großen Bildschirmen erfolgt. Hintergrund ist ein Bild auf dem die einzelnen Werte an bestimmten Positionen ausgegeben werden sollen. Je nach Bildschirm soll das als Vollbild erfolgen, wobei die Positionen im Verhältnis bleiben sollen. Nach einigen Sekunden wird die Ausgabe aktualisiert, bzw auf ein anderes Dashboard weitergeleitet. Die Daten in den eckigen Klammern beziehen sich auf die Ausgabe von ESPEasy. Ich habe mal so eine Ausgabe beigefügt. Einige Zeilen: [CODE=html]<!DOCTYPE html> <html> <meta charset="UTF-8"> <meta http-equiv="refresh" content="5; externer link[Anzeige#dashboard]:8080/dashboard.esp" allow="fullscreen"> <head> <style> body {background-color: black;} .gas {font-size:20px; padding:5px;background:red;color:white;border-radius:10px; position:absolute;top:132px;left:925px;} .kollektor {font-size:20px; padding:5px;background:red;color:white;border-radius:10px; position:absolute;top:75px;left:60px;} </style> <font face="Arial" </font> <div style=" height="800px" width="1280px" allign="center"><img src="externer link/bilder/Heizungsanlage1.jpg"</div> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div class="gas">[gaszaehler#Gasuhr_qm] m³</div> <div class="kollektor">[Paradigma_B#kollektor] °C</div> </body> </html>[/CODE] [/QUOTE]

Authentifizierung