Aller au contenu

Modèles de cartouches "Forge des Communs numériques éducatifs"

Avec lien vers https://forge.apps.education.fr/ Les styles sont dans le code HTML pour une intégration simple. Le code à copier contient uniquement le cartouche (le fond affiché sert juste à avoir un aperçu en contexte).

  • Pour inclure le cartouche dans un paragraphe existant de votre site, copiez seulement les deux lignes du milieu (sans les <p> </p>).

  • Pour placer le cartouche dans un nouveau paragraphe, copier tout le code.

Transparent Clair

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #000000; background-color: rgba(255, 255, 255, 0.5); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>

Transparent Sombre

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>

Opaque clair

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #000000; background-color: rgba(255, 255, 255, 1); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>

Opaque clair avec bordure

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #000000; background-color: rgba(255, 255, 255, 1); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none; border: 1px black solid;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>

Opaque Sombre

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #ffffff; background-color: rgba(0, 0, 0, 1); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>

Opaque Sombre avec bordure

<p class="zone-liens" style="text-align: left; margin-top: 15px; margin-bottom: 15px;">
    <a id="laforge" title="La forge des communs numériques éducatifs sur Apps.education.fr" target="_blank" href="https://forge.apps.education.fr/" style="display: inline-block; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; color: #ffffff; background-color: rgba(0, 0, 0, 1); padding-left: 0px; padding-right: 10px; border-radius: 20px / 50%; text-decoration: none; border: 1px white solid;">
    <img src="https://forge.apps.education.fr/docs/visuel-forge/-/raw/main/forge.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>