Widget de test d'email

Souhaitez-vous que les visiteurs de votre site web puissent directement lancer un test par e-mail ?
Copiez le code HTML et CSS des champs de texte ci-dessous dans le code source de votre site web.

HTML

<form action="https://internet.nl/mail/" method="POST">
  <p>
    <img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="Votre Internet est-il à jour ?"/>
    <strong>Testez votre email</strong>
  </p>
  <label for="internetnl-mail-url">Votre adresse électronique :</label>
  <span class="internetnl emailfield">
    <input id="internetnl-mail-url" type="text" inputmode="url" name="url" placeholder="example.nl">
  </span>
  <button class="internetnl">Démarrer le test</button>
</form>

CSS

img.internetnl {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
.internetnl.emailfield:before {
  content: '@';
  background: #dadada;
  width: 8%;
  display: block;
  float: left;
  text-align: center;
  height: 100%;
  overflow: hidden;
  padding: 2px 0;
} 
button.internetnl:hover {
    cursor: pointer;
}
button.internetnl:hover,
button.internetnl:focus,
button.internetnl:active {
    background: #ffab4c;
}
button.internetnl {
    display: block;
    margin: 0 auto .5em;
    background: #fff;
    border: solid .3em #ffab4c;
    font-family: 'robotobold', arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    border-radius: 18px;
    padding: .2em .5em;
}

Notes

Logo : Nous vous recommandons de sauvegarder et d'utiliser notre [logo] (/static/logo_fr.svg) sur votre propre serveur web. De cette manière, il n'y aura aucun contact avec notre serveur web lorsque votre site web sera visité.
Content-Security-Policy (CSP) : Si vous utilisez une politique CSP pour votre site web, vous devrez également ajouter internet.bzh aux règles pour form-action et éventuellement pour img-src dans le cas où vous créez un lien vers le logo sur notre serveur web.

Widget de test d'email

HTML

CSS

Notes

Nos articles

Configurez votre nom de domaine

Authentifiez vos mails

Présentation du site

Nos sites partenaires

.BZH

Breizh Cyber

Bretagne Cyber Alliance

Assocation www.bzh

Liens utiles

Internet.bzh