Einfach mal zeigen will….. :-) - Teil 3

[Negalein]

@Glasfaser

Danke, es funktioniert jetzt.

Fehler war, dass er vom Header in den Body nichts schalten kann.
Hab jetzt den Button und Menü nur im Body und es funktioniert.

CSS-Klasse im Menü benötige ich, da es sonst nicht so aussieht wie ich möchte.

[Glasfaser]

@Negalein

Bei mir in der Leiste habe ich die CSS-Klasse nicht , deshalb wollte ich jeden Fehler ausschließen.
Schön das es jetzt klappt.

[Nashra]

@Glasfaser sagte in Einfach mal zeigen will….. - Teil 3:

Hallo, wo bekommt man denn die tollen Mülltonen Bilder und gibt es die auch für Bio und Papier?

[Glasfaser]

@Nashra

Habe Sie von hier : Link Text

Mülltonne gelb

Spoiler

[{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/vis.0/Wohnen/tonnegelb.png","visibility-oid":"javascript.0.muell.gelbersack","name":"Gelbe Tonne morgen"},"style":{"left":"526px","top":"286px","z-index":"4","width":"36px","height":"53px"},"widgetSet":"basic"}]

Abfalltonne

Spoiler

[```
[{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"0","visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/vis.0/Wohnen/tonne.png","visibility-oid":"javascript.0.muell.restmuell","name":"Mülltonne heute","class":""},"style":{"left":"517px","top":"241px","z-index":"5","width":"50px","height":"50px"},"widgetSet":"basic"}]

[Nashra]

@Glasfaser sagte in Einfach mal zeigen will….. - Teil 3:

@Nashra

Habe Sie von hier : Link Text

Danke für den Link schade, leider keine blaue und grüne Tonne dabei.

[eMd]

Ich habe mir da was mit iQontrol gebastelt fürs Handy.

Handyvisualisierung

Bilder von icon8 und der Rest alles aus dem iobroker ui kit...

MfG
eMd

[Glasfaser]

@Nashra

[Glasfaser]

@eMd

Sieht gut aus auf dem Handy auf .. übersichtliche Buttons angelegt und so leicht bedienbar .

[padrino]

@Nashra sagte in Einfach mal zeigen will….. - Teil 3:

Danke für den Link schade, leider keine blaue und grüne Tonne dabei.

Taddaa!

Vielleicht nicht ganz perfekt, aber ich denke, man kann damit arbeiten.

[Glasfaser]

@padrino sagte in Einfach mal zeigen will….. - Teil 3:

Vielleicht nicht ganz perfekt, aber ich denke, man kann damit arbeiten.

Doch …. sieht gut aus

[padrino]

So, die "Zungen" sind oben gefixt.

[joergeli]

@Nashra
Hi, ich hatte hier schon mal meine Tonnen eingestellt:
https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/839

Gruß
Jörg

[opossum]

Hallo,

hier mal meine Bilder für lustige Mülltonnen. Habe die von oben mal eingefärbt.

muelltonne_1.zip

[Nashra]

Moin @Glasfaser, @padrino, @opossum , ihr seit einfach Klasse
Danke für die Tonnenauswahl

[lesiflo]

Hallo,
auf vielfachen Wunsch hier ein aktueller Export meiner Vis im "Material Design" von Uhula.

Hatte ich auch schon mal hier vorgestellt:
https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/607

[Flexer]

Habe meine Vis mal abgefilmt!

Hier der Link

https://m.youtube.com/watch?v=DQ9PoF1Vjlo&feature=youtu.be

[Negalein]

@Flexer sagte in Einfach mal zeigen will….. - Teil 3:

Habe meine Vis mal abgefilmt!

Hier der Link

https://m.youtube.com/watch?v=DQ9PoF1Vjlo&feature=youtu.be

Schaut richtig gut aus!

Der Netzwerkview gefällt mir. Vorallem das mit den blauen animierten Linien.

[Nashra]

Toll gemacht und wie @Negalein schon schreibt, auch mir hat es das Netzwerkview angetan mit den Linien
Würdest du es hier zum Download anbieten

[Flexer]

Ich könnte es zur Verfügung stellen jedoch bringt es dir nichts. Der Aufbau ist recht einfach. Im Hintergrund läuft ein Video. Die gibt es im Internet kostenlos zum Download zum Beispiel auf Pixabay. Das musst du mit dem HTML widget einbauen. Eine Ebene höher legst du ein Bild von deinem Netzwerkplan drauf. Hier müssen die „Verbindungen“ transparent sein dass das Video durchscheint. Jetzt noch eine Ebene höher die Widgets die rot sichtbar sind wenn kein Ping möglich ist.

Fertig!

[Nashra]

@Flexer sagte in Einfach mal zeigen will….. - Teil 3:

Ich könnte es zur Verfügung stellen jedoch bringt es dir nichts. Der Aufbau ist recht einfach. Im Hintergrund läuft ein Video. Die gibt es im Internet kostenlos zum Download zum Beispiel auf Pixabay. Das musst du mit dem HTML widget einbauen. Eine Ebene höher legst du ein Bild von deinem Netzwerkplan drauf. Hier müssen die „Verbindungen“ transparent sein dass das Video durchscheint. Jetzt noch eine Ebene höher die Widgets die rot sichtbar sind wenn kein Ping möglich ist.

Fertig!

Geniale Idee, werde versuchen es nachzubauen. Danke für die Anleitung