Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Gelöst] Rundes Image Widget mit Rand

    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

    [Gelöst] Rundes Image Widget mit Rand

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      rollerfreak2 last edited by

      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 Reply Last reply Reply Quote 0
      • R
        rollerfreak2 last edited by

        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.

        D3ltoroxp 1 Reply Last reply Reply Quote 0
        • bahnuhr
          bahnuhr Forum Testing Most Active last edited by

          Schreib doch mal deinen Code hier rein.

          Wäre für andere doch sinnvoll.

          1 Reply Last reply Reply Quote 0
          • D3ltoroxp
            D3ltoroxp @rollerfreak2 last edited by D3ltoroxp

            @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 Reply Last reply Reply Quote 0
            • First post
              Last post

            Support us

            ioBroker
            Community Adapters
            Donate

            552
            Online

            31.9k
            Users

            80.2k
            Topics

            1.3m
            Posts

            3
            4
            488
            Loading More Posts
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes
            Reply
            • Reply as topic
            Log in to reply
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
            The ioBroker Community 2014-2023
            logo