Website-Test-Widget

Möchten Sie, dass Besucher Ihrer Website direkt einen Website-Test starten können? Kopieren Sie den HTML- und CSS-Code aus den Textfeldern unten in den Quellcode Ihrer Website.

HTML

<form action="https://internet.nl/site/" method="POST" novalidate>
  <p>
    <img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="Ist Ihr Internet auf dem neuesten Stand?"/>
    Testen Sie Ihre Website
  </p>
  <label for="internetnl-site-url">Die Adresse Ihrer Website:</label>
  <input id="internetnl-site-url" type="url" name="url" placeholder="www.example.de">
  <button class="internetnl">Test starten</button>
</form>

CSS

img.internetnl {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
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;
}

Hinweise

Logo: Wir empfehlen Ihnen, unser Logo auf Ihrem eigenen Webserver zu speichern und zu verwenden. Auf diese Weise gibt es keinen Kontakt mit unserem Webserver, wenn Ihre Website besucht wird. Content-Security-Policy (CSP): Falls Sie eine CSP-Richtlinie für Ihre Website verwenden, müssen Sie internet.nl auch zu den Regeln für form-action und möglicherweise auch für img-src hinzufügen, falls Sie auf das Logo auf unserem Webserver verlinken.

FAQ

Website-Test-Widget

HTML

CSS

Hinweise