Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Gelöst] Rundes Image Widget mit Rand

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    7
    1
    287

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    268

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    911

[Gelöst] Rundes Image Widget mit Rand

Geplant Angeheftet Gesperrt Verschoben Visualisierung
4 Beiträge 3 Kommentatoren 607 Aufrufe 1 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • R Offline
    R Offline
    rollerfreak2
    schrieb am zuletzt editiert von
    #1

    Ich suche eine Möglichkeit mit Boardmitteln (ohne Photoshop) ein Rundes Image dazustellen. Ähnlich wie in einer View die ich hier im Forum gefunden haben (leider ohne export). Die Bilder mit "ist Zuhause" meine ich. Ich hab schon versucht ein Svg Shape drüber zulegen aber da müsste ich draußen das Foto trotzdem überdecken. Jemand eine Idee?

    ![](</s><URL url=)<link_text text="download/file.php?id=23286&mode=view">https://forum.iobroker.net/download/file.php?id=23286&mode=view</link_text>" />

    1 Antwort Letzte Antwort
    0
    • R Offline
      R Offline
      rollerfreak2
      schrieb am zuletzt editiert von
      #2

      Hätte nicht gedacht das es so einfach ist. Es sind die CSS Ränder. Dort einfach Radius einstellen, Width und Color sowie Style und fertig.

      D3ltoroxpD 1 Antwort Letzte Antwort
      0
      • bahnuhrB Online
        bahnuhrB Online
        bahnuhr
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #3

        Schreib doch mal deinen Code hier rein.

        Wäre für andere doch sinnvoll.


        Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
        Danke.
        gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
        ScreenToGif :https://www.screentogif.com/downloads.html

        1 Antwort Letzte Antwort
        0
        • R rollerfreak2

          Hätte nicht gedacht das es so einfach ist. Es sind die CSS Ränder. Dort einfach Radius einstellen, Width und Color sowie Style und fertig.

          D3ltoroxpD Offline
          D3ltoroxpD Offline
          D3ltoroxp
          schrieb am zuletzt editiert von D3ltoroxp
          #4

          @rollerfreak2 said in [Gelöst] Rundes Image Widget mit Rand:

          Hätte nicht gedacht das es so einfach ist. Es sind die CSS Ränder. Dort einfach Radius einstellen, Width und Color sowie Style und fertig.

          Ja wäre super, wenn du hier mal ein Beispiel einstellst. Ich habe genau das auch vor. Sonst müsste ich alle Bilder von Hand bearbeiten, darauf habe ich keinen Bock.

          Habs: ist eigentlich recht simpel.

          149370b1-3618-4566-b311-a0d13b0bd898-image.png

          Einfach z.b. das Image Widget nehmen und dort dann bei Rändern und Schatten einen Radius eingeben fertig. Mein Bild hatte 210x210 also die hälfte davon als Radius eingeben. Funktioniert wunderbar.

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate

          567

          Online

          32.8k

          Benutzer

          82.8k

          Themen

          1.3m

          Beiträge
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Anmelden

          • Du hast noch kein Konto? Registrieren

          • Anmelden oder registrieren, um zu suchen
          • Erster Beitrag
            Letzter Beitrag
          0
          • Home
          • Aktuell
          • Tags
          • Ungelesen 0
          • Kategorien
          • Unreplied
          • Beliebt
          • GitHub
          • Docu
          • Hilfe