Schneenews für deine Vereinswebsite

Integriere die Schneenews auf deiner Website, um deine Besucher direkt über die aktuellen Loipenbedingungen zu informieren.

Schritt 1: Konfiguration

Wähle aus, welche Informationen du auf deiner Website anzeigen lassen möchtest. Unten findest du eine Vorschau der von dir konfigurierten Ansicht.

Vorschau

Schritt 2: Einbetten

Füge diesen Code deiner Website hinzu - gleich an der Stelle, an der du die Schneenews einbetten möchtest.

<script type="text/javascript">
    var request = new XMLHttpRequest();

    request.open('GET', '', true);

    request.onload = function() {
      if (request.status >= 200 && request.status < 400) {
        var resp = request.responseText;

        document.querySelector('#schneenews').innerHTML = resp;
      }
    };

    request.send();
</script>
<div id="schneenews"></div>

Schritt 3: Design anpassen

Die Darstellung der eingebetteten Schneenews sollte sich gleich dem Design deiner Website anpassen. 🎉

Wenn du aber noch etwas ändern möchtest, kannst du dafür das CSS deiner Website anpassen. Hier ist das Beispiel für die Integration in die Website des Skiklubs Oker (in der rechten Seitenleiste, siehe hier):

.schneenews-title {
    margin: 12px 0 3px 0;
    font-size: 16px;
}

.schneenews-details {
	margin-bottom: 2px;
	color: #666;
}

.schneenews-title-link {
	font: 300 20px "Source Sans Pro", Helvetica, sans-serif;
}

.schneenews-stars {
	color: #0083c9;
}

Schritt 4: Fertig!

Hoffentlich hat mit der Integration alles geklappt. Wenn nicht, hilft Johannes gerne weiter: webmaster@skiklub-oker.de