Autor Thema: Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN  (Gelesen 158193 mal)

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #135 am: 16 Oktober 2014, 12:35:26 »
Mit : http://gifmake.com kannst du das Ganze animieren. Dafür brauchst du aber für eine 360° Drehung einiges an Bildmaterial.  :)

VG
Frank
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2754
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #136 am: 16 Oktober 2014, 20:52:47 »
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?
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Blackcat

  • Developer
  • Full Member
  • ****
  • Beiträge: 495
    • FoodCat
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #137 am: 16 Oktober 2014, 21:01:29 »
Kenn mich zwar nicht so gut aus aber:
Hilft vielleicht fp_nomenu ?
Viele Grüße Sandra
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light
Meine WakeUpLights mit Fhem: https://www.youtube.com/watch?v=dX2tNeN0RmA
Responsive iOS 6 Theme für FHEM: http://forum.fhem.de/index.php/topic,23406.0.htm

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2754
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #138 am: 16 Oktober 2014, 21:05:36 »
Kenn mich zwar nicht so gut aus aber:
Hilft vielleicht fp_nomenu ?

Bei deinem Status kennst du dich nicht so gut aus??? :-)

Wo soll fp_nomenu das hin?
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #139 am: 16 Oktober 2014, 21:09:22 »
Die css anpassen und den Eintrag für menü ändern/löschen.
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline Blackcat

  • Developer
  • Full Member
  • ****
  • Beiträge: 495
    • FoodCat
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #140 am: 16 Oktober 2014, 21:09:43 »
Habe dir ein Bild angehängt wie die Attr. Einstellung aussehen muss

Also attr auf 1 ;)
Viele Grüße Sandra
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light
Meine WakeUpLights mit Fhem: https://www.youtube.com/watch?v=dX2tNeN0RmA
Responsive iOS 6 Theme für FHEM: http://forum.fhem.de/index.php/topic,23406.0.htm

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2754
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #141 am: 16 Oktober 2014, 21:16:38 »
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
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #142 am: 16 Oktober 2014, 21:17:38 »
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
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline Blackcat

  • Developer
  • Full Member
  • ****
  • Beiträge: 495
    • FoodCat
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #143 am: 16 Oktober 2014, 21:21:22 »
#logo { display:none;}Das muss ist in die floorplan.css des styles ;)
Viele Grüße Sandra
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light
Meine WakeUpLights mit Fhem: https://www.youtube.com/watch?v=dX2tNeN0RmA
Responsive iOS 6 Theme für FHEM: http://forum.fhem.de/index.php/topic,23406.0.htm

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #144 am: 16 Oktober 2014, 21:21:28 »
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
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #145 am: 16 Oktober 2014, 21:22:53 »
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
« Letzte Änderung: 16 Oktober 2014, 21:25:44 von franky08 »
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2754
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #146 am: 16 Oktober 2014, 21:24:34 »
Was css angeht bin ich überhaupt nicht auf dem Laufenden, du hast ja die
Zitat
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
Zitat
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?
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; }
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline franky08

  • Hero Member
  • *****
  • Beiträge: 4206
  • jetzt DBLog befreit
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #147 am: 16 Oktober 2014, 21:29:04 »
Nee, die floorplanstyle must du ändern
Debian Wheezy auf ZBOX nano/ Stretch auf 2.tem ZBOX nano FHEM2FHEM an RaspiB
22Zoll ViewSonic als Infodislay (WVC)
3xHMLAN mit vccu ,fhem5.8, CCU2,
ECMD an AVR-NET-IO mit DAC u. ADC an Junkers Stetigregelung, Siemens LOGO!8, JeeLink

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2754
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #148 am: 16 Oktober 2014, 21:32:01 »
Also als style ist dieser bei mir für Fhem aktiv
Zitat
darkfloorplanstyle.css
denn muss ich dann ändern?

Ist die kirk1svg_style.css deine geänderte?
« Letzte Änderung: 16 Oktober 2014, 21:33:52 von Tommy82 »
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Blackcat

  • Developer
  • Full Member
  • ****
  • Beiträge: 495
    • FoodCat
Antw:Wofür FHEM? Tablet als Wand-Infodisplay mit FLOORPLAN
« Antwort #149 am: 16 Oktober 2014, 21:33:26 »
Ja ;) einfach die eine Zeile einfügen
Viele Grüße Sandra
-----
ZBox nano, Homematic, Homebridge, Hue + Mi Light
Meine WakeUpLights mit Fhem: https://www.youtube.com/watch?v=dX2tNeN0RmA
Responsive iOS 6 Theme für FHEM: http://forum.fhem.de/index.php/topic,23406.0.htm

 

decade-submarginal