Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 21.05.2012, 19:38   #1 Nach oben scrollen
Dauerstudent
MemberMember
 
Benutzerbild von itac6
 

Registriert seit: 29.01.2008
Beiträge: 115
Kamera: 550D
Verwendet: PS CS3, C4D 8.2, Flash CS3

Werteanzeige (Voltmeter etc.) mit CSS & JavaScript


Hallo,
ich habe hier ein kleines Solarpannel stehen, was über ein Arduino-Board die Daten mitloggt. Auf dem Board ist ein kleiner Webserver und die Daten werden u.a. so anzeigt:



Wenn jemand damit spielen möchte gibt es auf http://www.a-d-k.de...Zeigerinstrument ein download und eine Demo. Läuft nicht im IE (keine Schatten, keine transformationen,...) sonst überall (FF,Safari,iOS,android,Opera,Chrome).

Wie man sieht etwas iOS-like - aber man kann es per css auch umgestalten:


Das Ganze kommt ohne Bilder aus, man aber auch per css ein Bild als Hintergrund definieren.

Der Quellcode ist etwas kommentiert - aber nicht viel ich will Euch ja nicht die Entdeckerfreude nehmen

viel Spaß
__________________
http://www.a-d-k.de
  Mit Zitat antworten


Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen