Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN

[franky08]

Mit : http://gifmake.com kannst du das Ganze animieren. Dafür brauchst du aber für eine 360° Drehung einiges an Bildmaterial. 

VG
Frank

[Tommy82]

So, hab mal angefangen zu Basteln, allerdings noch nicht rausgefunden wie ich die Namen der einzelnen Punkte dem Floorplan zuordenen kann.

Das andere ich wie kann ich eine .gif an eine bestimmte stelle im Floorplan bekommen?

Und wie bekomme ich die Seiten anzeige inkl. Fhem Logo weg?

[Blackcat]

Kenn mich zwar nicht so gut aus aber:
Hilft vielleicht fp_nomenu ?

[Tommy82]

Kenn mich zwar nicht so gut aus aber:
Hilft vielleicht fp_nomenu ?

Bei deinem Status kennst du dich nicht so gut aus???

Wo soll

Code Auswählen Erweitern

fp_nomenu das hin?

[franky08]

Die css anpassen und den Eintrag für menü ändern/löschen.

[Blackcat]

Habe dir ein Bild angehängt wie die Attr. Einstellung aussehen muss

Also attr auf 1

[Tommy82]

Die css anpassen und den Eintrag für menü ändern/löschen.

Hi, wie muss die .css aussehen?

@Blackcat, wenn ich das Atribut setze, dann ist zwar das Menü weg, allerdings ist immer noch das Logo da

[franky08]

Richtig Blackcat
Das fhem Icon (Logo)  in der css mit dem Icon black.png ersetzen oder ein schwarzes, großes Hintergrundbild erstellen und das als backimage setzen. Das deckt das Icon dann zu.

P.S. Habe mich oben verschrieben, meine natürlich das fhem Icon!

VG
Frank

[Blackcat]

Code Auswählen Erweitern

#logo { display:none;}
Das muss ist in die floorplan.css des styles

[franky08]

Vergleiche mal meine gepostete darktabletstyle.....css mit der orginalen darktablet css, dann siehst du oben in den ersten Zeilen, was ich meine.
Bin noch auf Arbeit und kann da im Moment nicht nachsehen.

VG
Frank

[franky08]

Meine css haben andere Namen 
Ist aber richtig, es ist die floorplanstyle.css. blöd wenn man nicht auf den Rechner zu hause kommt. 

VG
Frank

[Tommy82]

Was css angeht bin ich überhaupt nicht auf dem Laufenden, du hast ja die

darkfloorplanstyle_original

mit hochgeladen. Wenn ich die in mein Fhem Verzeichniss packe (wohin da) dann sollte es weg sein? Da steht ja direkt in der ersten Zeile

body     { background-color: #444444; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }

Was muss ich mit dem rest in der .css machen?

Code Auswählen Erweitern

body[id~=Media]     { background-color: #A5A5A5; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }

#backimg {position:absolute; top:0px; left:0px;}

#fpmenu.fp_arrange   { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; }

#menu    { position:absolute; top:180px; left:30px; width:128px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan  { position:absolute; top:180px; left:30px; width:128px; font-size:13px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}

#hdr     { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }

#Strom_Durchschnitt_Tag svg {height:0px; width:0px; visibility:hidden; }
#Temperatur_Garten_current_day svg {height:0px; width:0px; visibility:hidden; }
#SVG_FileLog_sunDummy_1 svg {height:0px; width:0px; visibility:hidden; }
#WS1080_Regen svg {height:0px; width:0px; visibility:hidden; }
#DB_Kueche svg {height:0px; width:0px; visibility:hidden; }
#DB_Strom svg {height:0px; width:0px; visibility:hidden; }



#DB_Bad svg {height:0px; width:0px; visibility:hidden; }
#DB_Kinderzimmer_rechts svg {height:0px; width:0px; visibility:hidden; }
#DB_Schlafzimmer_rechts svg {height:0px; width:0px; visibility:hidden; }
#DB_WZ_rechts_Heizung svg {height:0px; width:0px; visibility:hidden; }
#TH_Sensor_KinderZi {font-size:38px; }
#TH_Sensor_Bad {font-size:38px; }
#HZ_Kueche {font-size:38px; }
#TH_Sensor_WZ {font-size:38px; }
#THSensor {font-size:38px; }
#HZ_Flur {font-size:38px; }
#Temperatur_Garten {font-size:38px; }
#Wettervorhersage1_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage2_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage3_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage4_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage5_Tag {font-size:28px; color: #FF00FF; }
#myWS1080_dummy2 {font-size:22px; color: #FF7F24; }
#Heizungswerte2 {font-size:20px; color: #FF00FF; }
#Regen_diff_du2 {font-size:22px; color: #FF7F24; }
#dew_dummy_Garten {font-size:22px; color: #FF7F24; }

a { color:#CCCCCC; text-decoration:none;}
td {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}

img { -moz-border-radius:8px; border-radius:8px;}

table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}

.devicename     { font-size: 14px; text-align:center; color: #111111; }
.devicestate    { text-align:center; color: #111111; }
.devicecommands { font-size:14px; text-align:center; color: #111111; }
        .devicetimestamp{ font-size:10px; text-align:center; color: #111111; }


#sz_Rollo.devicename     {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate  {color:green; font-size:30px; }
#HomeStatus.devicestate  {color:green; font-size:30px; }
table.dummy              {min-width:100px;}
table.FHT                {min-width:100px; }
#wakeup.devicestate      {color:green; font-size:11px; }
#ez_FHT.devicestate      {color:green; font-size:30px; }
#Home.fp_Grundriss       {font-size:14px; width:100px; }
#Home.fp_Media           {font-size:14px; text-align:left; }
#Media                   {font-size:14px; }
#Grundriss               {font-size:14px; text-align:left; }
#w_MucWeather            {font-size:16px; color:#D4D4D4}
#w_WertListe1            {font-size:20px; color:gray}
.fp_tempvalue            {color:red; font-size:20px; }
.fp_humvalue             {color:blue; font-size:20px; }


h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }


/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

.handle { position:relative; cursor:pointer; width:50px; height:20px;
          line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }

/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }

/* next lines are for remotecontrol */
.rc_body              { border-style: solid; border-color: gray; border-width: 2px;
                        padding: 5px; background: #101010; font-size:6px;}
.rc_button            { padding: 5px 7px;}
.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }


[franky08]

Nee, die floorplanstyle must du ändern

[Tommy82]

Also als style ist dieser bei mir für Fhem aktiv

darkfloorplanstyle.css

denn muss ich dann ändern?

Ist die kirk1svg_style.css deine geänderte?

[Blackcat]

Ja einfach die eine Zeile einfügen