Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. fibernet

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    F
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 14
    • Best 1
    • Groups 0

    fibernet

    @fibernet

    4
    Reputation
    34
    Profile views
    14
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    fibernet Follow

    Best posts made by fibernet

    • RE: Einfach mal zeigen will….. :-) - Teil 2

      Kann ich tun 😄

      Das common Java Script:

      createState('WeatherSymbol0', '');
      createState('WindSymbol0', '');
      
      createState('WeatherSymbol1', '');
      createState('WindSymbol1', '');
      
      createState('WeatherSymbol2', '');
      createState('WindSymbol2', '');
      
      createState('WeatherSymbol3', '');
      createState('WindSymbol3', '');
      
      createState('WeatherSymbol4', '');
      createState('WindSymbol4', '');
      
      createState('WeatherSymbol5', '');
      createState('WindSymbol5', '');
      
      createState('WeatherSymbol6', '');
      createState('WindSymbol6', '');
      
      createState('WeatherSymbol7', '');
      createState('WindSymbol7', '');
      
      on("daswetter.0.NextDaysDetailed.0d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol0', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.0d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol0', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.1d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol1', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.1d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol1', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.2d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol2', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.2d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort//' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol2', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.3d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol3', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.3d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol3', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.4d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol4', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.4d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol4', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.5d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol5', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.5d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol5', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.6d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol6', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.6d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol6', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.7d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol7', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.7d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol7', temp);
      });
      
      

      Das Widget

      6912_wetterwidget.txt

      Und Die Grafiken

      6912_weather.rar
      Geändert :oops: waren die verkehrten Icons…..bitte nochmals runter laden sonst passt die Zuordnung nachher nicht mehr

      Ich hoffe gehilft zu haben

      @spoerl.torsten:

      Hallo fibernet,
      > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
      Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

      Wäre echt klasse.

      LG Torsten `

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet

    Latest posts made by fibernet

    • Schnäppchen für Smart Home Projekte

      Hallöchen allerseits,

      ich habe jetzt noch nicht die Suchfunktion genutzt ob es einen gleich gearteten Post schon gibt. Dennoch will ich Euch das nicht vorenthalten, ich habe hier richtig geile supergünstige Sets geschossen und mein Smart Home Projekt um einige (sonst erheblich teurere) Phillips Hue Komponenten erweitern können, aber macht Euch selber ein Bild:

      https://www.tink.de/

      Viel Spaß beim stöbern…..

      PS: Achtet auf die Startersets!!!!!!

      6912_19-06-_2018_21-19-54.jpg

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Smarthome OffTopic (oder auch nicht ? ;-) )

      8-) Klaro kann ich machen…..Ich schau das ich nach und nach ein ausführliches Tutorial schreibe, kriegen wa hin

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • Smarthome OffTopic (oder auch nicht ? ;-) )

      Ich habe im Zuge meiner SmartHome Installation auch ein AmbiLight geplant, welches ich Euch nicht vorenthalten möchte. Hat zwar absolut nichts mit dem IOBroker zu tun, bzw. noch nicht. Was nicht ist kann noch werden :mrgreen:

      Natürlich ging die Bestellung der LED Stripes mal wieder etwas daneben, anstelle der WS2801 habe ich dann die WS2812b Stripes auf dem Tisch zu liegen gehabt. Das Problem ist, der WS2801 kann direkt an den Raspi angeschlossen werden, der WS2812 nur über einen Pegelwandler, der 2812 hat zwar nur eine Datenleitung, macht aber im Resultat einiges an Mehraufwand nötig um ihn zu betreiben.

      Aber man wäre ja kein Freak, wenn man davor kapitulieren würde. Also mal eben schnell einen Arduino Mega 2560 raus gekramt, die Firmware gebrannt und die Stripes verkabelt. Strom an und….................... Kinnlade runter :lol: Ich hätte mit allem gerechnet, aber nicht mit diesem Ergebnis, Mega Farben und fast ohne Verzögerung, da geht sie ab die Luzie.....Party im Wohnzimmer

      Seht selbst: https://www.youtube.com/watch?v=P2W770kuZYo

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 2

      Kann ich tun 😄

      Das common Java Script:

      createState('WeatherSymbol0', '');
      createState('WindSymbol0', '');
      
      createState('WeatherSymbol1', '');
      createState('WindSymbol1', '');
      
      createState('WeatherSymbol2', '');
      createState('WindSymbol2', '');
      
      createState('WeatherSymbol3', '');
      createState('WindSymbol3', '');
      
      createState('WeatherSymbol4', '');
      createState('WindSymbol4', '');
      
      createState('WeatherSymbol5', '');
      createState('WindSymbol5', '');
      
      createState('WeatherSymbol6', '');
      createState('WindSymbol6', '');
      
      createState('WeatherSymbol7', '');
      createState('WindSymbol7', '');
      
      on("daswetter.0.NextDaysDetailed.0d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol0', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.0d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol0', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.1d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol1', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.1d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol1', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.2d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol2', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.2d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort//' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol2', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.3d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol3', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.3d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol3', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.4d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol4', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.4d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol4', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.5d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol5', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.5d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol5', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.6d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol6', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.6d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol6', temp);
      });
      
      on("daswetter.0.NextDaysDetailed.7d.SymbolID", function(obj) {
      var symbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
      log (temp);
      setState('WeatherSymbol7', temp );
      });
      
      on("daswetter.0.NextDaysDetailed.7d.WindSymbolB", function(obj) {
      var windsymbol = parseInt(obj.newState.val, 10);
      var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
      log (temp);
      setState('WindSymbol7', temp);
      });
      
      

      Das Widget

      6912_wetterwidget.txt

      Und Die Grafiken

      6912_weather.rar
      Geändert :oops: waren die verkehrten Icons…..bitte nochmals runter laden sonst passt die Zuordnung nachher nicht mehr

      Ich hoffe gehilft zu haben

      @spoerl.torsten:

      Hallo fibernet,
      > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
      Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

      Wäre echt klasse.

      LG Torsten `

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 2

      Mit Adobe Illustrator :mrgreen:

      6912_grundriss-wohnung2.png

      @Damich:

      Hallo zusammen,

      mit welchem Programm habt ihr euren Grundriss der Wohnungen/ des Hauses erstellt und wie sieht das Ergebnis aus ?

      Gruß

      Damich `

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 2

      So:

      6912_01-05-_2018_16-50-46.jpg

      @4-Real:

      @fibernet:

      Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.

      25-04-_2018_13-54-58.jpg

      Unabhängig davon habe ich jetzt einige Milight Sachen geholt und programmiert..bis auf die fehlende Rückmeldung bin ich aber doch sehr zufrieden damit.

      Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit.

      Slider.jpg

      Generell will ich zuschauen, das die VISU übersichtlich, grafisch nicht zu überfrachtet und vor allem auf allen Seiten stimmig ist 😉 ich habs nicht so mit KuntiBunti `

      Hallo fibernet.

      Wie Realisierst du das mit den Mehreren Feiertagen, das sie dir angezeigt werden?

      Wenn ich den Adapter "Deutsche Feiertage" benutze kann ich leider immer nur den nächsten "Feiertag" anzeigen lassen.

      Wie realisierst du das, dass dort 3 oder 4 stehen?

      Danke schonmals! `

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 2
      [{"tpl":"tplHqCircle","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"oid":"milight-smart-light.0.RGB_Stripe.fullColor-3.brightness","min":"0","max":"100","digits":"0","step":"1","is_comma":"true","displayPrevious":"true","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,"linecap":true,"descriptionLeft":"Brightness","class":"knob","bgcolor":"none","anticlockwise":false,"color":"#fda30e","thickness":"0.1","unit":"%","caption":"","oid-working":"milight-smart-light.0.RGB_Stripe.fullColor-3.onoff","cursor":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"610px","top":"241px","width":"100px","height":"100px","z-index":1,"font-size":"20px","font-weight":"lighter","color":"#fda30e"},"widgetSet":"hqwidgets"},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"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,"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/Design/img/test4.png","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"610px","top":"241px","width":"100px","height":"100px"},"widgetSet":"basic"},{"tpl":"tplFrame","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"Alle","title_color":"#bebebe","title_top":"5","title_left":"3","header_height":"0","header_color":"#333","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,"title_font":"Verdana"},"style":{"left":"610px","top":"216px","width":"66px","height":"26px","font-weight":"","font-size":"14px","border-width":"0px"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"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/Meine/Img/balken3.png","stretch":true},"style":{"left":"599px","top":"229px","width":"6px","height":"60px"},"widgetSet":"basic"}]
      

      6912_test4.png

      Bitteschön 😉

      Es ist nichts weiter als ein Bild und ein Widget….

      @tomdeboom:

      Guten Morgen fibernet,

      @fibernet:

      Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit. `

      das würde mich schon interressieren, kannst du das bitte zu verfügung stellen? Widget und Einstellungen?

      Vielen Dank und Gruß,

      Tom `

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 1

      @0018:

      @fibernet:

      Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. `

      Sehr schick, gefällt mir. Kannst du die Wetterseite als Export zur Verfügung stellen?

      Danke! `

      Wird ned so einfach, es gibt nicht die Wetterseite, sondern das ist eine Wetter-Masterseite mit je einer Unterseite mit den entsprechenden Widgets. Ich stelle die Konstruktionsvisu später hier rein, da ist dann einiges was man übernehmen kann :mrgreen:

      Das lies sich nicht mit einfachen statischen Seiten realisieren, weil ich eine abhängige Schachtel-Navigation habe, muss man aber auch höllisch aufpassen, das alles dort verlinkt wird wo es hin soll.

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 1

      @Peller6151

      Das geht recht einfach 😉

      6912_25-04-_2018_14-12-15.jpg

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    • RE: Einfach mal zeigen will….. :-) - Teil 1

      Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.

      6912_25-04-_2018_13-54-58.jpg

      Unabhängig davon habe ich jetzt einige Milight Sachen geholt und programmiert..bis auf die fehlende Rückmeldung bin ich aber doch sehr zufrieden damit.

      Das ist übrigens der Slider für die Dimmer und CW/WW Überblendung, die Steuerung ist gerade in Arbeit.
      6912_slider.jpg

      Generell will ich zuschauen, das die VISU übersichtlich, grafisch nicht zu überfrachtet und vor allem auf allen Seiten stimmig ist 😉 ich habs nicht so mit KuntiBunti

      posted in Praktische Anwendungen (Showcase)
      F
      fibernet
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
    The ioBroker Community 2014-2023
    logo