Code d'intégration CANVA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Code d'intégration CANVA
Bonjour à tous,
J'utilise pas mal CANVA pour la création de visuels. Je souhaitai intégrer un code pour l'insérer un post. L'avantage d'utiliser ce code d'intégration et que si j'effectue des modifications depuis CANVA, il se met également à jour là où le code est inséré.
Ce code est un code html.
Celui-ci :
Ou celui-ci :
Quand je l'intègre dans le message, voici ce que ça donne :
<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33
Vous avez une solution ?
Merci d'avance,
Benjamin
J'utilise pas mal CANVA pour la création de visuels. Je souhaitai intégrer un code pour l'insérer un post. L'avantage d'utiliser ce code d'intégration et que si j'effectue des modifications depuis CANVA, il se met également à jour là où le code est inséré.
Ce code est un code html.
Celui-ci :
- Code:
<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33
Ou celui-ci :
- Code:
https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view
Quand je l'intègre dans le message, voici ce que ça donne :
<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33
Vous avez une solution ?
Merci d'avance,
Benjamin
sousou33- ***
- Messages : 134
Inscrit(e) le : 02/01/2008
MlleAlys- Membre actif
- Messages : 5906
Inscrit(e) le : 12/09/2012
Re: Code d'intégration CANVA
Bonjour MlleAlys,
J'ai bien vérifié tous les points sur le html. Rien n'y fait…
Avez-vous essayé d'intégrer le code sur un de vos post? afin de voir si vous aussi, ça ne fonctionne pas.
Merci pour l'aide.
J'ai bien vérifié tous les points sur le html. Rien n'y fait…
Avez-vous essayé d'intégrer le code sur un de vos post? afin de voir si vous aussi, ça ne fonctionne pas.
Merci pour l'aide.
sousou33- ***
- Messages : 134
Inscrit(e) le : 02/01/2008
Re: Code d'intégration CANVA
Ah il y a effectivement des retours à la ligne qui faussent la lecture du code par l'éditeur (il n'y aurait pas de souci avec un véritable éditeur de code html, mais l'éditeur de messages de forumactif n'en est pas un).
Vous trouverez en ligne pas mal d'outils qui vous proposent de compresser le code :
Le code fonctionne alors correctement.
Vous trouverez en ligne pas mal d'outils qui vous proposent de compresser le code :
- Code:
<div style="position: relative; width: 100%; height: 0; padding-top: 100.0000%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" src="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"> </iframe>
</div><a href="https://www.canva.com/design/DAGK6eZhY6Q/rsVqwITE5DHqqg966ggyEQ/view?utm_content=DAGK6eZhY6Q&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Pilotes CE 24 4x2 - Hanvec</a> par AMR33
Le code fonctionne alors correctement.
MlleAlys- Membre actif
- Messages : 5906
Inscrit(e) le : 12/09/2012
Re: Code d'intégration CANVA
Ohhhh super, votre compression fonctionne !
Vous avez outil à me conseiller ?
Vous avez outil à me conseiller ?
sousou33- ***
- Messages : 134
Inscrit(e) le : 02/01/2008
Re: Code d'intégration CANVA
j'ai recherché "compresser code html" sur google et j'ai pris le premier lien
Certains proposent parfois des options en fonction du niveau de compression souhaité, mais ici il n'y en avait pas besoin.
Certains proposent parfois des options en fonction du niveau de compression souhaité, mais ici il n'y en avait pas besoin.
MlleAlys- Membre actif
- Messages : 5906
Inscrit(e) le : 12/09/2012
Re: Code d'intégration CANVA
Ok, merci beaucoup !
Je vais clôturer ma question
Je vais clôturer ma question
sousou33- ***
- Messages : 134
Inscrit(e) le : 02/01/2008
Sujets similaires
» Balise [code] [/code] : Avoir le texte « code » et « sélectionner le contenu » en bleu, plus gros ainsi qu’avoir la même couleur
» (code css) appliquer un code css permettant de définir la couleur des titres des topics
» Le code popup s'installe dans le code source comment faire svp
» Incorporer un autre code dans le code du message accodéon
» Envoie d'un SMS "Code", celui-ci est débité, mais aucun retour de code !
» (code css) appliquer un code css permettant de définir la couleur des titres des topics
» Le code popup s'installe dans le code source comment faire svp
» Incorporer un autre code dans le code du message accodéon
» Envoie d'un SMS "Code", celui-ci est débité, mais aucun retour de code !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum