Nachtrag: Weiter unten im Thread (http://www.ip-symcon.de/forum/f56/webfront-schriftgroesse-familie-steuern-loesungsansatz-11025/#post91945) steht eine neuere Version zur Verfügung.
Da mich - und andere auch - die ausladende Größe der Bedienelemente des WebFronts gestört haben, habe ich mich mal ans Werk gemacht und eine über die Konsole steuerbare CSS-Erweiterung für das WebFront geschrieben.
Dafür sind am Original-Stylesheet des WebFronts (webfront.css) keine Änderungen nötig, lediglich im <head>-Tag des Startskriptes des WebFronts (webfront.php) muss eine einzige Zeile eingefügt werden:
44: <link rel="stylesheet" type="text/css" href="webfront.css" />
45: <!-- DIE NÄCHSTE ZEILE EINFÜGEN -->
46: <link rel="stylesheet" type="text/css" href="webfront.custom.css.php" />
Wichtig ist dabei nicht, wo genau die Zeile eingefügt wird, sondern nur, dass sie nach der Zeile 44 eingefügt wird. Die Zeilennummern können je nach Version des WebFront auch abweichen - wer suchet, der findet.
Das Ganze sorgt dafür, dass einige der im Original-Stylesheet gesetzten Stilattribute durch das folgenden Stylesheet überschrieben werden können. Dieses zusätzliche Stylesheet (webfront.custom.css.php) befindet sich gezipt im Anhang und muss ins Unterverzeichnis webfront von IP-Symcon kopiert werden.
Nachtrag/Hinweis: Bei jeder Aktualisierung von IPS wird webfront.php überschrieben. Man muss dann die obige Zeile erneut einfügen.
Mit geändertem Startskript und kopiertem Stylesheet funktioniert das Ganze schon mal ‚out-of-the-box‘ mit der Folge, dass plötzlich viel mehr auf den Bildschirm passt (siehe Screenshots).
Dem Forum ist zu entnehmen, dass einige damit schon recht glücklich wären. Wir setzen dem Ganzen aber noch das Sahnehäubchen auf, denn das Stylesheet ist programmierbar.
Dazu muss man lediglich über die Verwaltungskonsole drei Variablen erstellen (Beispiel siehe Screenshot) und deren IDs im Stylesheet eintragen:
7: define ("FONT_USE_IPS_ID", 15055);
8: define ("FONT_SIZE_ID", 27472);
9: define ("FONT_FAMILY_ID", 45191);
Ich hoffe, die Variablen/Konstantennamen sind selbsterklärend. Ich habe die IDs meiner Konfiguration eingesetzt, damit man aus dem obigen Codeschnipsel und dem Screenshot der Verwaltungskonsole schließen kann, wer was macht und wer zu wem gehört.
Ausser in den obigen drei Zeilen sollte niemand, der nicht genau weiß, was er tut, etwas ändern. Passieren kann allerdings nicht mehr als dass das Stylesheet nicht mehr funktioniert (weil PHP-Fehlermeldungen mitten im CSS-Code stehen) und ignoriert wird - dann sieht das WebFront halt aus wie vorher.
Soo …
Da geht natürlich noch viel mehr, aber für meine Bedürfnisse reicht es. Theoretisch kann man das Aussehen des WebFronts so fast beliebig programmgesteuert verändern. Wer dazu Zeit und Muße hat, kann das tun - wie es geht, steht ja im Sourcecode.
Im Sourcecode befindet auch noch ein kleines Beispiel, wie man auf die Eigenarten verschiedener Browser reagieren kann. Und die im Netz so überaus häufig gestellte Frage, wie man denn in CSS mit Variablen arbeiten kann, wird auch gleich mit beantwortet.
Garantieausschluss
Bei mir funktioniert alles ganz wunderbar. Wenn bei anderen wegen anderer Konfiguration, anderer Module etc. unschöne Dinge auf dem Bildschirm passieren, dann ist das Pech. Ich mach da nix.
PS.
Die in der Größe veränderten Symbole sehen - manchmal und nur - im Internet Explorer etwas krakelig/pixelig aus. Andere Browser (Firefox, Safari, Google Chrome, Opera) erledigen das Skalieren ganz anständig.
webfront.custom.css.php.zip (970 Bytes)