Lorsque j’utilise l’option “inspecter l’élément” sur la page du navigateur et que je la déplace vers le CSS de l’intégration TikTok et Instagram, le CSS fonctionne, mais lorsque je mets ce code CSS dans le discours, il ne change rien.
Je supprimais le grand fond blanc de l’intégration des publications Instagram et mettais une bordure fine de 1px et une bordure arrondie de 50px, la même chose que j’ai faite pour TikTok, ce qui a également réduit la taille de la publication, car elle apparaît rognée sur mobile, mais rien n’a changé.
2 « J'aime »
Vous ne pouvez généralement pas manipuler le contenu d’un iframe provenant d’un domaine différent en raison de la même politique d’origine — sans ce type de restriction, vous pourriez, par exemple, remplacer une image par du CSS qui donne l’impression qu’un utilisateur d’Instagram a publié quelque chose qu’il n’a pas fait.
3 « J'aime »
Mais ne pouvez-vous pas simplement changer l’arrière-plan, le rayon du bord et la taille de la publication ? (Sans changer le contenu de la personne ?)
Sur Instagram, il y a cet arrière-plan blanc qui gâche le thème noir, en plus de cet ÉNORME espace qui gâche beaucoup la publication
Sur TikTok, la publication est collée dans le coin, et il y a cette horrible bordure blanche épaisse
Sur Twitter, j’ai réussi à supprimer l’arrière-plan blanc et à le rendre transparent (pour l’adapter à n’importe quel thème) et à mettre le rayon de bordure à 50px et une bordure fine
Vous pouvez manipuler la balise iframe elle-même (ajouter des bordures, arrondir les coins, etc.), mais en général, le contenu à l’intérieur est totalement interdit. Certains services fournissent des options d’intégration, Twitter par exemple en propose sur https://publish.twitter.com/
1 « J'aime »
Comment puis-je manipuler la balise iframe d’Instagram et de TikTok ? Parce que la façon dont je l’ai fait ici n’a pas fonctionné.
1 « J'aime »
Si vous intégrez une vidéo TikTok comme ceci :
<iframe src="https://www.tiktok.com/embed/v2/7181493818871565574" height="800" width="400">
vous pouvez ajouter des styles à un thème Discourse comme ceci :
iframe {
border: 1px solid red;
border-radius: 20px;
}
mais vous êtes limité à la modification de la balise iframe elle-même.
2 « J'aime »
