Hauptmenü

Touchpad Fragen

Begonnen von Guest, 29 Juli 2011, 23:34:07

Vorheriges Thema - Nächstes Thema

Guest

Originally posted by: <email address deleted>

Hallo,

nachdem ich nun auch unter die Brettbesitzer gegangen bin hab ich bei
mir mal etwas mit der style_touchpad.css Datei gespielt. Der weiße
Rand verträgt sich einfach nicht mit gelb.
Ich hab nun bis auf die Grafiken alles umgestellt. Geh ich recht in
der Annahme dass der farbliche Hintergrund nicht in der
style_touchpad.css Datei mit drin ist? Kann ich die Farbe individuell
für jede Ansicht (nomal/smallscreen/touchpad) anpassen oder gibt es da
nur eine Stelle?

Bei dem mini Safari Browser sind die Buttons schön groß jedoch lässt
sich nur der Text anklicken nicht eine beliebige Stelle des
angezeigten Buttons. Kann man da noch was am Verhalten ändern? (Die
Hände des Benutzers möchte ich nur ungern anpassen ;-)

Danke Gruß
Domi

--
To unsubscribe from this group, send email to
fhem-users+unsubscribe@googlegroups.com

rudolfkoenig

                                                   

> Geh ich recht in der Annahme dass der farbliche Hintergrund nicht in der
> style_touchpad.css Datei mit drin ist?

Nein.

> Kann ich die Farbe individuell für jede Ansicht (nomal/smallscreen/touchpad)
> anpassen

Ja.


> oder gibt es da nur eine Stelle?

Nein (Immer diese Multiple-choice fixierten Leute :)

Fuer die Webseiten siehe style.css style_smallscreen.css style_touchpad.css:
  body  { background-color: #FFFFE7;}
fuer die SVG-Plot Farben siehe svg_defs.svg und svg_style.css

Falls man fuer unterschiedliche FHEMWEB-Instanzen unterschiedliche SVG-Farben
oder Bilder haben will, dann muss man in den sauren Apfel beissen, das FHEMWEB
Attribut fwmodpath setzen, und alle "externe" Dateien in diese Verzeichnisse
kopieren.




> Bei dem mini Safari Browser sind die Buttons schön groß jedoch lässt
> sich nur der Text anklicken nicht eine beliebige Stelle des
> Kann man da noch was am Verhalten ändern?

Sicher, wenn man mir sagt wie. Ich bin kein Html-Profi.

--
To unsubscribe from this group, send email to
fhem-users+unsubscribe@googlegroups.com

Guest

Originally posted by: <email address deleted>

Danke die Buttons können nun an jeder Stelle angeklickt werden *freu*

Wer mag ich hab mal etwas mit den Farben gespielt und finde auf einem
weißen ipad sieht folgendes ganz gut aus:
Zu ändernde Datei: style_touchpad.css

body     { background-color: #F0F8FF;font-size: 73%; }
#logo    { position:absolute; top:10px; left:10px; width:100px; }
#menu    { position:absolute; top:120px;left:10px; width:100px; }
#hdr     { position:absolute; top:10px; left:120px; }
#content { position:absolute; top:50px; left:120px; bottom:20px; right:
10px; }

a {  color: #00184A; }

div.href { /* Push buttons */
  padding:0; border:1px solid gray; height:1.5em;
 display: block;
  -moz-border-radius:0.5em; border-radius:0.5em;

  display: -webkit-box; -webkit-box-align: center;
  display: -moz-box; -moz-box-align: center;

  background-image:-webkit-gradient(linear, right top, right bottom,
                   color-stop(0%,#FFFFFF), color-stop(49%,#BDC6DE));
  background-image:-moz-linear-gradient(top, #ffffff, #BDC6DE);
  background-image:-o-linear-gradient(top, #ffffff, #BDC6DE);

  -webkit-box-shadow: 0 0.15em 0.15em rgba(0,0,0, .5);
  -moz-box-shadow: 0 0.15em 0.15em rgba(0,0,0, .5);
  box-shadow: 0 0.15em 0.15em rgba(0,0,0, .5);
}

table.block { border:1px solid gray; width: 100%; background:
#87CEEB; }
table.block tr.odd { background: #87CEEB; }
table.block tr.sel { background: #87CEEB; }
table { -moz-border-radius:8px; border-radius:8px; }

table#room { background: #87CEEB; }
table#room tr.sel { background: #87CEEB; }

/* Customize specific devices */
/*
table#FS20 { background: #87CEEB; }
table#FS20 tr.odd { background: #87CEEB; }
*/

--
To unsubscribe from this group, send email to
fhem-users+unsubscribe@googlegroups.com