Finde class für background von Geräte-"Bildern" nicht
Moderator: Co-Administratoren
Finde class für background von Geräte-"Bildern" nicht
Hallo, ich habe meine WebUI farblich nach meinen wünschen angepasst, soweit passt auch alles. Aber ich finde die class für die background-color wo sich die Bilder in den (Einstellungen) Geräten befinden einfach nicht.
Zur besseren Darstellung wo genau ich meine, ein Screenshot: Das Bild dort fehlt im Moment mit Absicht (deshalb auch das blaue Fragezeichen), um einen Fehler in der Transparenz des Bildes auszuschließen, damit ich eben nur den Hintergrund dort sehe.
Habt ihr eine Ahnung wo genau ich die class dafür in der style.css finde?
Danke
Zur besseren Darstellung wo genau ich meine, ein Screenshot: Das Bild dort fehlt im Moment mit Absicht (deshalb auch das blaue Fragezeichen), um einen Fehler in der Transparenz des Bildes auszuschließen, damit ich eben nur den Hintergrund dort sehe.
Habt ihr eine Ahnung wo genau ich die class dafür in der style.css finde?
Danke
- blackhole
- Beiträge: 3730
- Registriert: 21.07.2015, 14:03
- System: CCU
- Hat sich bedankt: 184 Mal
- Danksagung erhalten: 587 Mal
Re: Finde class für background von Geräte-"Bildern" nicht
Hier hast Du ein Beispiel (unmodifizierter Quelltext) anhand des CCU2-Thumb-Pics (Status und Bedienung > Geräte):
Das zu ändern war mir zu aufwendig (vor allem die dann nötige Pflege nach einem Update), daher habe ich für Header und Footer ein dunkles Design gewählt, den Hintergrund des Contentbereichs hell gelassen und für die Tabellen und Inhalte verschiedene, meist dunkle Grautöne verwendet.
Neben dem Austausch der Ladeanimationen habe ich ansonsten nur noch das Hilfe-Pic gepimpt. Die restlichen Grafiken passten zum Gesamtkunstwerk.
Die für mich wichtigsten Änderungen waren jedoch nicht die Farben und Bildchen, sondern der DevConfig-Fix und das Anpassen der Div-Box in welcher die Inhalte von Systemvariablen ausgegeben werden (Status und Bedienung > Systemvariable, Spalte "Status"). Diese Div-Boxen passen sich bei meiner CCU2 jetzt in der Höhe dynamisch an. Warum eQ-3 diese Schandflecke nicht endlich gerichtet hat, ist mir ein Rätsel.
Code: Alles auswählen
<div id="picDiv1009" class="CLASS03907" style="margin:auto;" onmouseover="picDivShow(jg_250, "HM-RCV-50", 250, -1, this);" onmouseout="picDivHide(jg_250);"><div><div style="position:absolute;left:0px;top:0px;width:50px;height:50px;clip:rect(0,50px,50px,0);background-color:#ffffff;overflow:hidden;"></div><div style="position: relative; margin: 0; padding: 0; vertical-align: top; text-align: left; background-color: white;width:50px;height:50px;"><img src="/config/img/devices/50/CCU2_thumb.png"></div></div></div>
Neben dem Austausch der Ladeanimationen habe ich ansonsten nur noch das Hilfe-Pic gepimpt. Die restlichen Grafiken passten zum Gesamtkunstwerk.
Die für mich wichtigsten Änderungen waren jedoch nicht die Farben und Bildchen, sondern der DevConfig-Fix und das Anpassen der Div-Box in welcher die Inhalte von Systemvariablen ausgegeben werden (Status und Bedienung > Systemvariable, Spalte "Status"). Diese Div-Boxen passen sich bei meiner CCU2 jetzt in der Höhe dynamisch an. Warum eQ-3 diese Schandflecke nicht endlich gerichtet hat, ist mir ein Rätsel.
Re: Finde class für background von Geräte-"Bildern" nicht
Danke für den Quelltext, diesen habe ich auch gefunden, beim Durchsuchen des Quelltextes direkt auf der WebUI Seite. Aber in welcher Datei ändere ich diesen? In der Datei "style.css" (www/webui/") habe ich dazu nichts gefunden, oder bin ich blind?blackhole hat geschrieben:Hier hast Du ein Beispiel (unmodifizierter Quelltext) anhand des CCU2-Thumb-Pics (Status und Bedienung > Geräte):
Code: Alles auswählen
<div id="picDiv1009" class="CLASS03907" style="margin:auto;" onmouseover="picDivShow(jg_250, "HM-RCV-50", 250, -1, this);" onmouseout="picDivHide(jg_250);"><div><div style="position:absolute;left:0px;top:0px;width:50px;height:50px;clip:rect(0,50px,50px,0);background-color:#ffffff;overflow:hidden;"></div><div style="position: relative; margin: 0; padding: 0; vertical-align: top; text-align: left; background-color: white;width:50px;height:50px;"><img src="/config/img/devices/50/CCU2_thumb.png"></div></div></div>
Ich habe bei mir auch ein paar Schönheiten wie das ändern diverser Farben, Icons und Ladeanimationen vorgenommen.blackhole hat geschrieben:Das zu ändern war mir zu aufwendig (vor allem die dann nötige Pflege nach einem Update), daher habe ich für Header und Footer ein dunkles Design gewählt, den Hintergrund des Contentbereichs hell gelassen und für die Tabellen und Inhalte verschiedene, meist dunkle Grautöne verwendet.
So sieht es im Moment bei mir aus: Jedoch stört mich der weiße Hintergrund bei den Thumb-Pics in "Einstellungen -> Geräte" und bei "Status und Bedienung -> Geräte" eigentlich stört mich der weiße Hintergrund überall wo die Gerätebilder auftauchen. Allerdings habe ich wie gesagt, noch nicht herausgefunden, wo ich den Hintergrund für die Thumb-Vorschau und der Großen-Vorschau vornehmen muss.
Kannst Du mir bitte erklären, wie Du das mit den Div-Boxen für die Systemvariablen gemacht hast, damit diese sich dynamisch anpassen.blackhole hat geschrieben:Die für mich wichtigsten Änderungen waren jedoch nicht die Farben und Bildchen, sondern der DevConfig-Fix und das Anpassen der Div-Box in welcher die Inhalte von Systemvariablen ausgegeben werden (Status und Bedienung > Systemvariable, Spalte "Status"). Diese Div-Boxen passen sich bei meiner CCU2 jetzt in der Höhe dynamisch an. Warum eQ-3 diese Schandflecke nicht endlich gerichtet hat, ist mir ein Rätsel.
-
- Beiträge: 3733
- Registriert: 23.09.2017, 12:04
- Hat sich bedankt: 66 Mal
- Danksagung erhalten: 120 Mal
Re: Finde class für background von Geräte-"Bildern" nicht
Hallo
könnte es sein, dass es an den Bildern an sich liegt. Das die Bilder einen weissen Hintergrund haben, statt einer transparenten Farbe ? Dann müsstest Du alle Bilder bearbeiten...
könnte es sein, dass es an den Bildern an sich liegt. Das die Bilder einen weissen Hintergrund haben, statt einer transparenten Farbe ? Dann müsstest Du alle Bilder bearbeiten...
- blackhole
- Beiträge: 3730
- Registriert: 21.07.2015, 14:03
- System: CCU
- Hat sich bedankt: 184 Mal
- Danksagung erhalten: 587 Mal
Re: Finde class für background von Geräte-"Bildern" nicht
> Hier < gucken und lesen.NickHM hat geschrieben:könnte es sein, dass es an den Bildern an sich liegt. Das die Bilder einen weissen Hintergrund haben, statt einer transparenten Farbe ?
Kannst Du auch nicht. Aus dem Quellcode, den ich oben mitgeteilt habe, geht klar hervor, dass das woanders reingefrickelt wurde.User 17410 hat geschrieben:In der Datei "style.css" (www/webui/") habe ich dazu nichts gefunden
Hier die relevante Stelle:
Code: Alles auswählen
... background-color:#ffffff; ...
Ja, klar:User 17410 hat geschrieben:Kannst Du mir bitte erklären, wie Du das mit den Div-Boxen für die Systemvariablen gemacht hast, damit diese sich dynamisch anpassen.
Code: Alles auswählen
.ControlBtnInfo {
display:table;
... }
Re: Finde class für background von Geräte-"Bildern" nicht
Ich werde noch rausfinden wo sich dieser blöde Hintergrund befindet
Das wäre dann der Effekt...
Vorher: Nachher:
Das wäre dann der Effekt...
Vorher: Nachher:
- Centauri2k
- Beiträge: 684
- Registriert: 17.09.2016, 21:13
Re: Finde class für background von Geräte-"Bildern" nicht
Das aussehen der sogenannten WebUI war mir auch schon immer ein graus. Da ich auch ein fan von dunklen Darstellungen bin, habe ich das jetzt einfach mal von User 17410 nachgebaut und mir die Farben aus den Screenshot pipettiert
Allerdings ist auch mir der weiße Hintergrund hinter den Bildern bei "Einstellungen --> Geräte" bei "Status und Bedienung --> Geräte" ect. auch ein Dorn im Auge. Aber auch ich finde leider die Datei nicht, wo das hinterlegt ist. Weiß es wer von euch Profis, oder wo man ungefähr fündig werden könnte. Das die Änderung nach einem Update wieder hinfällig sein kann, wäre mir erstmal egal. Es ist ja nicht so, dass eQ-3 monatlich CCU-Updates bringt, deshalb wäre es egal wenn man die Datei alle 6 Monate (wenns hochkommt) erneut ändern muss, und mann weiß ja dann wo es zu ändern ist.
Allerdings ist auch mir der weiße Hintergrund hinter den Bildern bei "Einstellungen --> Geräte" bei "Status und Bedienung --> Geräte" ect. auch ein Dorn im Auge. Aber auch ich finde leider die Datei nicht, wo das hinterlegt ist. Weiß es wer von euch Profis, oder wo man ungefähr fündig werden könnte. Das die Änderung nach einem Update wieder hinfällig sein kann, wäre mir erstmal egal. Es ist ja nicht so, dass eQ-3 monatlich CCU-Updates bringt, deshalb wäre es egal wenn man die Datei alle 6 Monate (wenns hochkommt) erneut ändern muss, und mann weiß ja dann wo es zu ändern ist.
- jmaus
- Beiträge: 9865
- Registriert: 17.02.2015, 14:45
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: Dresden
- Hat sich bedankt: 464 Mal
- Danksagung erhalten: 1883 Mal
- Kontaktdaten:
Re: Finde class für background von Geräte-"Bildern" nicht
Ihr könntet eure hier diskutierten/entwickelten WebUI Patches auch einfach im Rahmen des RaspberryMatic Projektes entwickeln/einreichen und dann finden diese sicher (zumindest teilweise) Ihren Weg in die offizielle CCU Firmware wie dies bereits bei einigen Dingen in der Vergangenheit der Fall war.
RaspberryMatic 3.75.7.20240420 @ ProxmoxVE – ~200 Hm-RF/HmIP-RF/HmIPW Geräte + ioBroker + HomeAssistant – GitHub / Sponsors / PayPal /