Instagramm Foto Embed

.Marcus · 18. August 2017

hallo,
für eine Fan Seite will ich ein paar Instagram Fotos einbetten. Ich möchte die Ohne den Text unter dem Bild, 300px breit und links bündig einfügen, so dass der Text meiner Webseite das Bild rechts umfliesst.

Die ersten 2 Sachen habe ich rausgefunden, aber nicht wie ich den Embed mit Text umfliessen lassen kann. Hat von euch jemand einen Tip?

schönen Gruss
Marcus

danielgoehr · 19. August 2017

Ohne Link zu Seite und ohne zu wissen, was du wie gemacht hast, ist deine Frage kaum zu beantworten.

Wahrscheinlich mit CSS (float).

.Marcus · 19. August 2017

hi Daniel, danke für deine Antwort.

- Also im Instagram klicke ich auf die drei Punkte ... und wähle "Einbetten"

Dort nehme ich den Haken in der Checkbox weg bei "Bildunterschrift einfügen" und kopiere den Einbettungscode

<blockquote class="instagram-media" data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:34.521484375% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/BPLuH3zhj1g/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Ein Beitrag geteilt von Casey Neistat (@caseyneistat)</a> am <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-12T23:41:50+00:00">12. Jan 2017 um 15:41 Uhr</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

dort ändere ich dann den Eintrag max-width:658px auf eine kleinere Grösse

Von hier aus müsste ich einen Weg finden wie ich es noch formatieren muss damit das Bild vom Text umflossen wird

WPDE.org

Instagramm Foto Embed

.Marcus New Member

danielgoehr Well-Known Member

.Marcus New Member

Nützliche Suchen

Instagramm Foto Embed

.Marcus New Member

danielgoehr Well-Known Member

.Marcus New Member