Geil, wie hast du den das StarTrek Theme hinbekommen? Das sieht ja fett aus
:
Freud mich,das es einigen gefällt.
Bin aber noch lange nicht fertig.Es steht erst die Status Seite und Teile der Heizungssteuerung.
Aber es ist so billig gemacht,das ich mich fast nicht traue, ein HowTo zu schreiben

Außen Hui,innen Pfui halt

Es ist nicht besonders Flexible und würde in Java,Flash usw bestimmt besser aussehen aber ich muss es halt so machen,wie ich es hinbekomme und nicht wie ich es gerne hätte

Es ist ein ganz normaler Flooplan dessem CSS einfach abgespeckt wurde.
Das Ganze besteht zu 95% aus einen Hintergrundbild, das einfach, als leicht abgeänderte Kopie, in allen Floorplanebenen hinterlegt ist.
Die Navigation erfolgt über normale Weblinks zu den einzelnen Floorplans.zB:
define Heizung weblink link http://192.168.XXX.XXX:8083/fhem/floorplan/heizung
Dann noch die gewünschte Schrifgröße in seiner CSS eintragen
#Heizung {font-size:48px; }
Wer es gerne hat,(so wie ich

) das zB. der Fenster offen Status blinkt,nimmt einfach als devStateIcon ein animiertes Gif.(siehe Anhang)
Das kann man zB. ganz einfach hier erstellen:
http://gifmake.com/Von diversen StarTrek Seiten noch ein paar animierte Gifs geklaut und reingesetzt.
define wl_main1 weblink image /fhem/www/images/default/main1.gif
Wichtig wäre noch,sein Android zu rooten,damit man die Lcars Schriftart als Systemschrift hat.
Die bekommt man zB. hier:
http://www.gtjlcars.de/LCARSindex/LCARSFONTS.htmIch habe sie in lcars.ttf umbenannt und in den system/font Ordner kopiert.Dann mit einer Font Installer App als Systemschriftart gesetzt.Dazu noch in die CSS eingetragen:
body { background-color:black; font-family:lcars; font-size:24px; background-repeat:no-repeat; color: #111111; text-transform:capitalize }
Von den Plots hab ich noch den Hintergrund und die Steuersymbole entfernt.
#SVG_FileLog_TS_Balkon_1 svg {height:0px; width:0px; visibility:hidden; }
Bin gerade dabei,den Heizungsslider etwas aufzupeppen.Geht auch ganz einfach über die CSS
/* detail-selector & slider */
select { margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { float:left; width:400px; height:50px; border:0px solid; color:#303030; background-image:url(SliderBack.png) }
.set .slider { background:#F0F0D8; border-radius:8px; }
.handle { position:relative; cursor:move; width:40px;
height:44px; user-select:none;
border:0px solid; color:#111111; text-align:center; font-size:48px; vertical-align:middle; }
.downText { margin-top:2px; }
Ich habe Hauptsächlich readingsGroups als Elemente verwendet,da ich dabei schon im Device Schrifgrösse,Farbe usw festlegen kann.
@MaJu Das Wetter hab ich schon geänderte,einfach frech bei dir geklaut,Danke

@chris1284
funktioniert sprachsteuerung mit dem view sonic (vorzugsweise kein klingonisch^^)?
Klappt leider noch nicht,aber ich bin drann