Überspringen zu Hauptinhalt

Kalender einbetten

Der Kalender hat drei verschiedene Ansichten, die über einen iFrame eingebunden werden können:

Update 23. August 2019 - bitte lesen!

Der Code zum Einbinden des Kalenders wurde um den folgenden Inhalt ergänzt. Bitte diese Änderung unbedingt übernehmen, da sonst die Größenanpassung des Kalenders auf Apple-Geräten nicht korrekt funktioniert!

style="width:1px;min-width:100%;" scrolling="no"

Unter dem Code für den Kalender muss noch folgendes Script eingefügt werden. Das alte Skript vor dem 23. August 2019 muss entfernt werden!

<script src="https://laage-kalender.de/wp-content/themes/events-theme/iframe.js"></script>

Die nun folgenden Code-Beispiele sind bereits vollständig angepasst und können direkt so übernommen werden.

Vollansicht

<iframe id="laage_kalender_iframe" style="width:1px;min-width:100%;" scrolling="no" src="https://laage-kalender.de/iframe-full/" frameborder="0"></iframe>
<script src="https://laage-kalender.de/wp-content/themes/events-theme/iframe.js"></script>

Mini Kalender Liste

<iframe id="laage_kalender_iframe" style="width:1px;min-width:100%;" scrolling="no" src="https://laage-kalender.de/iframe-list/" frameborder="0"></iframe>
<script src="https://laage-kalender.de/wp-content/themes/events-theme/iframe.js"></script>

Mini Kalender Liste + Monatsansicht

<iframe id="laage_kalender_iframe" style="width:1px;min-width:100%;" scrolling="no" src="https://laage-kalender.de/iframe-side/" frameborder="0"></iframe>
<script src="https://laage-kalender.de/wp-content/themes/events-theme/iframe.js"></script>

Manche CMS-Systeme lassen es nicht zu, HTML-Code einzubinden oder entfernen Teile des Codes beim Speichern. Bei Joomla muss beispielsweise der Editor des Benutzers auf „Keine“ gestellt werden, damit der Code korrekt eingebunden werden kann.

Ansicht anpassen

An den Link können verschiedene Parameter angehängt werden, um die Anzeige des Kalenders zu ändern, zum Beispiel so:

<iframe id="laage_kalender_iframe" style="width:1px;min-width:100%;" scrolling="no" src="https://laage-kalender.de/iframe-full/?featured=1&veranstalter=278&bgcolor=f2950e&color=fff&acolor=ff0000" frameborder="0"></iframe>
<script src="https://laage-kalender.de/wp-content/themes/events-theme/iframe.js"></script>

Die einzelnen Optionen sind wie folgt:

featured=1 – zeigt nur die wichtigen Veranstaltungen an

veranstalter=[ID] – zeigt nur die Veranstaltungen eines bestimmten Veranstalters an. Anstatt [ID] wird hier die Nummer des Veranstalters angegeben. Eine Liste von Veranstaltern finden Sie weiter unten. WICHTIG: Es kann nur eine Veranstalter-ID ausgewählt werden.

bgcolor=f2950e – Hintergrundfarbe des Kalenders im HEX-Format. Die Raute wird nicht angegeben.

color=fff – Vordergrund- / Textfarbe des Kalenders im HEX-Format. Die Raute wird nicht angegeben.
Hinweis: Es bietet sich an, bei dunklen Hintergrundfarben zur besseren Lesbarkeit die Textfarbe weiß (fff) zu wählen.

acolor=ff0000 – Linkfarbe des Kalenders. Dies betrifft alle Textlinks, also z.B. die Veranstaltungen, Monatsnamen, Vor-/Zurück-Buttons etc.

Wenn keine Farben angegeben werden, wird die Standardfarbe von laage-kalender.de verwendet.

An den Anfang scrollen