Loipenberichte für Webmaster

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.

Welche Region? Habichtswald Deister Hochsolling Rhön Fichtelgebirge & Oberpfalz Hoher Meißner Bayerischer Wald Allgäu Harz Thüringer Wald Taunus Wolfsburg Sauerland Frankenwald Schwäbische Alb Oberbayern & Tirol Tannheimer Tal Schwarzwald Vogelsberg Odenwald Erzgebirge & Vogtland Frankreich Finnland Schweden Norwegen Italien Salzburg Belgien Steiermark Riesengebirge Isergebirge

Wie viele Berichte? 1 2 3 4 5 6 7 8 9 10

Sterne-Bewertung anzeigen?

Vorschautext anzeigen?

Vorschau

Schritt 2: Einbetten

Füge diesen Code deiner Website hinzu - gleich an der Stelle, an der du die Loipenberichte 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('#loipenberichte').innerHTML = resp;
  }
};

request.send();
</script>

<div id="loipenberichte"></div>

Schritt 3: Design anpassen

Die Darstellung der eingebetteten Loipenberichte 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 ):

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

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

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

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

Schritt 4: Fertig!

Hoffentlich hat mit der Integration alles geklappt. Wenn nicht, helfe ich gerne weiter: johannes@loipenberichte.de