UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[micklafisch]

@skb
Mega, vielen Dank!

[U66]

@all#
Ich verzweifle gerade daran, ein Hintergrundbild auf der Arbeitsfläche fest zu positionieren.

<style>
body {
  background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png');
    background-repeat: no-repeat;
   background-position: left bottom;

habe das auch als Hintergrund festgelegt, aber die Animation lässt sich nicht darüberlegen,

mir fällt gerade nix mehr ein................
In der Vorschau ist es dann auch ganz anders positioniert.

[Armilar]

@u66 sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

background-image: url('http://.dynxxxx.vh0st.me/alpha/haus.png'); background-repeat: no-repeat; background-position: left bottom;

Wenn du ein Bild nimmst, welches existiert, dann geht es auch:

[U66]

@armilar
sieht bei mir in der Vorschau dann so aus

und im Editor so

[Armilar]

@u66

Jetzt die große Frage... wie soll es denn werden? Bzw. was wäre zu sehen, wenn das Bild nicht da ist?

[Armilar]

@u66

So wie es zuvor abgebildet war kommt doch ein Hintergrundbild und die Elemente sind auch drauf... Hab nochmal ein x-beliebiges Hintergrundbild eingebaut. --> Ergebnis Top

oder geht es um die relative Positionierung eines Hauses auf dem Screen? Dann kannst du doch auch ein Bild einfügen mit einem Z-Index weiter hinten... Weiß nicht wo dein wirkliches Problem ist???

[U66]

@armilar
Jo sieht gut aus da bei Dir
(relative Positionierung eines Hauses auf dem Screen)Das ist der Punkt
habe auch schon die Bildoption im Editor getestet.
Mein Bild geht ja nicht über den die ganze Arbeitsfläche sonst hätte ich es auch hinterher sichtbar machen können.
Ich will die Animation am Hausdach laufen lassen und alles um das Haus anordnen.
Das gestaltet sich aber schwierig da ich laufend mit der Maus das Bild verschiebe beim Elemente anordnen.
Naja da fällt mir schon noch was ein.Danke für Deine Hilfe.:+1:

[MCU]

@u66 Versuch mal

background-size: auto;
/* oder */
background-size: cover;
/* oder */
background-size: 100% 100%;

[U66]

@mcu said in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

background-size: cover;

Danke das hatte ich schon, füllt aber die ganze Seite aus.

[Armilar]

@u66

so?

body {
  background-image: url('https://wallpaperswide.com/download/green_tree_desert-wallpaper-1920x1200.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10%, 10%;
  background-position: 25% 75%;
}

[SKB]

@u66 Wie soll es denn im Endeffekt aussehen?

Kannst ja eine Strichzeichnung mit Paint o.ä. erstellen.

Mit "habe ich probiert - geht nicht", kann man dir schlecht helfen. Da ja auch schon Beispiele genannt wurden, die aber nicht deine Anforderung erfüllen.

[U66]

@skb
Ich will auch niemanden nerven hier
Die Vorschau stimmt nicht mit dem Arbeitsplatz überein das ist alles.

Ich bekomme das aber noch hin..............

mit diesen Einträgen

body {

  background-image: url('http://xxx.dyn.vh0st.me/alpha/haus.png');
  background-repeat: no-repeat;
  background-size: 40%,40%;
  background-position: 5% 55%;
 

}

vielleicht füge ich das als iframe in vis ein, was ich eigentlich vermeiden wollte

[SKB]

@u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

#svg_display, #svg_preview {
/* deine Background Daten */
}

Das müsste klappen.

[fredje]

@skb Hallo, ist es möglich die Farbe eines Icon oder nur die Farbe der Umrandung je nach Zustand eines DP zu ändern. Bei der Füllfarbe funktioniert das.

[SKB]

@fredje die Umrandung bzw. die Icons werden mit 'stroke' abgeändert. Dies ist die Option für Linie.

Je nach Zustand (oder Wert) geht dann auch mit den Überschreibungen in der neueren Version.

[U66]

@skb said in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

@u66 das ist korrekt, da der Arbeitsbereich auf die maximale Breite der Anzeige limitiert wird.

Ich würde den Hintergrund auch nicht via Body definieren, sondern für:

#svg_display, #svg_preview {
/* deine Background Daten */
}

Das müsste klappen.

Danke, das passt jetzt so :+1: :blush:

[fredje]

@skb danke .. habe es mit „stroke“getestet, funktioniert nicht .. funktioniert das erst mit der neuen Version ?

[SKB]

@fredje CSS funktioniert immer.
Wie hast du die CSS Klasse zugewiesen?
Wie sieht der zugehörige Wert aus?

[fredje]

@skb sorry … funktioniert jetzt .. weiß nicht woran es lag

[Maxtor62]

@homoran
Zwangsladung: Bin jetzt mal die Tage dazugekommen das zu realisieren. Ich kann ja nicht 24 Stunden am Tag vor den PC sitzen und warten ob der Energieflussadapter was anzeigt. Den Datenpunkt habe ich natürlich eingebaut. Deshalb mal ein Grafana-Chart, dass es für meine Ansprüche funktioniert.

Grüße