Wenn ich die Option „Element untersuchen“ auf der Browserseite verwende und sie auf die CSS der TikTok- und Instagram-Einbettung bewege, funktioniert die CSS, aber wenn ich diesen CSS-Code in die Diskussion einfüge, ändert er nichts.
Ich habe den riesigen weißen Hintergrund der Einbettung von Instagram-Posts entfernt und einen dünnen Rahmen von 1 Pixel und einen abgerundeten Rahmen von 50 Pixel hinzugefügt, dasselbe habe ich für TikTok gemacht, was auch die Größe des Beitrags reduziert hat, da er auf Mobilgeräten beschnitten erscheint, aber nichts hat sich geändert.
2 „Gefällt mir“
Sie können den Inhalt eines iframes, der von einer anderen Domäne stammt, aufgrund der Same-Origin Policy im Allgemeinen nicht manipulieren – ohne diese Art von Einschränkung könnten Sie beispielsweise ein Bild durch CSS ersetzen, das es so aussehen lässt, als hätte ein Instagram-Benutzer etwas gepostet, das er nicht getan hat.
3 „Gefällt mir“
Aber können Sie nicht einfach den Hintergrund, den Randradius und die Beitraggröße ändern? (Ohne den Inhalt der Person zu ändern?)
Auf Instagram gibt es diesen weißen Hintergrund, der das schwarze Thema verdirbt, abgesehen von diesem RIESIGEN Platz, der den Beitrag sehr verdirbt
Auf TikTok ist der Beitrag in der Ecke befestigt, und es gibt diesen schrecklichen dicken weißen Rand
Auf Twitter konnte ich den weißen Hintergrund entfernen und ihn transparent machen (um ihn an jedes Thema anzupassen) und den Radiusrand auf 50px und einen schmalen Rand setzen
Sie können das iframe-Tag selbst manipulieren (Ränder hinzufügen, Ecken abrunden usw.), aber im Allgemeinen ist der Inhalt darin völlig tabu. Einige Dienste bieten Einbettungsoptionen an, Twitter zum Beispiel hat einige unter https://publish.twitter.com/
1 „Gefällt mir“
Wie kann ich das Instalgram- und TikTok-Iframe-Tag manipulieren? Da die Art und Weise, wie ich es hier gemacht habe, nicht funktioniert hat.
1 „Gefällt mir“
Wenn Sie ein TikTok-Video wie dieses einbetten:
<iframe src="https://www.tiktok.com/embed/v2/7181493818871565574" height="800" width="400">
können Sie Stile zu einem Discourse-Theme wie folgt hinzufügen:
iframe {
border: 1px solid red;
border-radius: 20px;
}
aber Sie sind darauf beschränkt, nur das iframe-Tag selbst zu bearbeiten.
2 „Gefällt mir“
