1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Custom photo shapes

Dieses Thema im Forum "Design" wurde erstellt von murcoder, 20. Mai 2020.

Schlagworte:
  1. murcoder

    murcoder Member

    Registriert seit:
    20. Mai 2020
    Beiträge:
    5
    Zustimmungen:
    0
    wie kann man denn in Wordpress (elementor oder custom css) Bilder in eigene Formen packen, beispielsweise wie auf den folgenden Screenshots:

    [​IMG]


    [​IMG]
    [​IMG]
     
    #1 murcoder, 20. Mai 2020
    Zuletzt bearbeitet: 20. Mai 2020
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    7.942
    Zustimmungen:
    846
    Link zur Seite, wo diese Photo Shapes realisiert sind?
     
  3. murcoder

    murcoder Member

    Registriert seit:
    20. Mai 2020
    Beiträge:
    5
    Zustimmungen:
    0
    zum beispiel auf webmozarts
     
    #3 murcoder, 20. Mai 2020
    Zuletzt bearbeitet: 20. Mai 2020
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    7.942
    Zustimmungen:
    846
    Die Fotomotive sind einfach fertige .png bzw. .webp Bilder per HTML eingebunden.

    Die grünen "Wellen" sind fertige .svg Bilder per CSS eingebunden als Hintergrund-Bild mit den Bilddaten als Data-URL.

    Diese "Shapes" wurden also vor dem Upload mit einem Bildbearbeitungsprogramm o.ä. erstellt.

    Ergänzung: Mehr Details hinzugefügt.
     
    #4 b3317133, 20. Mai 2020
    Zuletzt bearbeitet: 20. Mai 2020
  5. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    5.113
    Zustimmungen:
    143
    selbstverständlich kannst du zwei Bilder übereinande legen

    <img src="logo.gif" style="background-image:url(hintergrund.jpg)">
     
  6. murcoder

    murcoder Member

    Registriert seit:
    20. Mai 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Das erklärt natürlich einiges, danke ;)
    Dachte hier handelt es sich um CSS Formen, aber so ist das ganze natürlich einfacher. Danke!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden