Cette page présente différents cartouches qu'il est possible d'ajouter à son site web pour créditer la Forge.

• Ces cartouches contiennent un 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).

Il y a deux manières d'utiliser ce code.

• 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/communication/visuels/-/raw/main/logo/logo-forge-transparent.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/communication/visuels/-/raw/main/logo/logo-forge-transparent.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/communication/visuels/-/raw/main/logo/logo-forge-transparent.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/communication/visuels/-/raw/main/logo/logo-forge-transparent.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/communication/visuels/-/raw/main/logo/logo-forge-transparent.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/communication/visuels/-/raw/main/logo/logo-forge-transparent.png" style="height: 40px; width: auto; border-radius: 50%; vertical-align: middle; margin-right: 5px;">Forge des communs numériques éducatifs</a>
</p>