Xobor-Spoiler mit neuen Formatierungen ausstatten Nachtrag 07.09.2021
Bis jetzt war es nicht möglich den von "Homepagemodules.de" ins Leben gerufenen Spoiler zu formatieren. Mit Hilfe von neuen Variable und der Forumcodeumsetzung ist dieses möglich. Hinzu kommt die Nutzung und Verwendung von Tooltipps!
Der neue Forumcode sieht dann wie folgt aus: Die Angaben erfolgen ohne Häkchen ("), wie im normalen Forumcode (BB-Code). Es würde 3 neue und 2 alte Forumvariablen zur Verfügung stehen!
Neuer Spoiler mit Namen, Tooltipp und Formatierung:
[spoiler2=Neuer Spoiler-Button title=Spoiler mit Namen, Tooltipp und Formatierung style=color:#0000AA]Spoilerinformation[/spoiler2]
Neuer Spoiler mit Namen und Formatierung, ohne Tooltipp:
Bei der Umsetzung muss darauf geachtet werden, das die Option "erweitert" (rechts oben) aktiviert wird. Die fertigen Eintragungen sind im folgenden Spoiler zu sehen.
Damit die Titelfarbe und der Titelhintergrund des Spoilers geändert werden kann, muss in der Eigener CSS Code folgender Eintrag gelöscht oder inaktiv geschaltet werden. Der obige Beitrag ist bereits geändert.
Wie wird der Foren-Code eingetragen? Wenn die neue Iconbar aktiviert ist, wird die Code-Umsetzung unter "Admin > Layout > Iconbar > Neue Smileys > Foren-Code" eingetragen! Damit der Foren-Code mit den Variablen angelegt werden kann, müssen hier vier Eingabefelder für den erweiterten Foren-Code zu sehen sein. Mit dem Link "Erweiterte Foren-Code ein-/ausblenden" kann man hier wahlweise umschalten. Da für die Code-Umsetzung des Spoilers noch die "Reihenfolge" (Priorität) benötigt wird, muss der Link "Weitere Einstellungen" angeklickt werden.
In die Zeile "Ersetze:" wird der Forum-Code (BB_Code) eingetragen. In die Zeile "Mit:" wird der verbleibende HTML-Code gesetzt. Unter "Weitere Einstellungen" wird die "Reihenfolge" (Priorität) eingetragen z.B. 10, 9, 8,.....
Einmal auf "speichern" klicken und die Code-Umsetzung ist aktiviert.
Nachtrag:
Es hat sich gezeigt, dass ein Eintrag von 0 für die Reihenfolge, fast immer funktioniert!
Der HTML-Code ist hier nicht vollständig einzusehen
Xobor-Spoiler mit zusätzlichem "Schließen-Button" ausstatten! Aktualisiert 07.09.21
Sind die Inhalte eines Spoiler sehr groß, ist es ratsam am Ende einen zusätzlichen "Schließen-Button" zu aktivieren! Hierdurch wird ein unnötiges Scrollen vermieden. Es ist natürlich auch möglich den "Schließen-Button" unabhängig von seinem Inhalt zu nutzen!
Der neue Foren-Code sieht dann wie folgt aus:
[spoiler2=Spoiler mit "Schließen-Button"] Text Text Text [/spoiler2]
Xobor-Spoiler mit Scroll-Funktionen ausstatten! Aktualisiert 07.09.21
Problem: Beim Schließen der Xobor-Spoiler scrollt die Webseite nicht zum Spoiler-Ausgangspunkt zurück! Besonders unschön und auch verwirrend wirkt es sich bei mehreren Spoilern mit großem Inhalt aus. Hier findet man sich dann meistens im unteren oder im nächsten Teil des Beitrages wieder! Gut wäre es auch, wenn der Inhalt des geöffneten Spoilers gleich in Lesehöhe zur Verfügung stände!
Lösung: Das folgende Skript hat mehrere, hilfreiche Scroll-Funktionen und arbeitet auch betragsübergreifend recht gut!
Der geöffnete Spoiler springt in Lesehöhe!
Wird der Spoiler über die Titelleiste oder über den Schließ-Button zugeklappt, wird zum Spoiler-Ausgangspunkt zurück gescrollt!
Die Scroll-Funktionen arbeitet auch betragsübergreifend, d.h., es können in verschiedenen Beiträgen die Spoiler offen stehen und es wird zum Ausgangspunkt des gerade geschlossenen Spoilers zurück gescrollt!
Auch mit Spoiler-Verschachtelungen kommt das kleine Skript gut zurecht!
Es lassen sich Lesehöhe und Scroll-Geschwindigkeit einstellen!
Installation für alle Templates
Folgendes Skript kann in die "Fußzeile" kopiert werden, als Plugin in den "bottom_header" angelegt werden oder fürs neue Xobor Template (v6) in Eigenes Javascript geschoben werden!
In Zeile 4 lässt sich die Lesehöhe einstellen. Hier sind es 250px vom oberen Rand. Eintrag erfolgt ohne die Einheit "px, Pixel"!
In Zeile 5 wird die Scroll-Geschwindigkeit angepasst. Hier sind es 500ms. Eintrag erfolgt ohne die Einheit "ms, Millisekunden"!
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<script> /* Xobor-Spoiler mit Scroll-Funktion */ var TopSpoil = 250; /* Lesehöhe (ohne Pixel-Eintrag!) */ var TimeSpoil = 500; /* Scroll-Geschwindigkeit! */