CMSimple_XH–Forum

Was den Wunsch nach mehr Vorlagen angeht, so gibt es auf https://www.bestjquery.com/tutorial/accordion/demo11/ Massen davon : demo 11 ....88 (mit Bootstrap, aria etc.) - eine echte Herausforderung für den Feierabend. Irgend jemand sollte aber vorsortieren. Es gibt für den Tinymce https://github.com/...

Man könte auch statt eines Select-Dropdowns den Namen des Css als Parameter innerhalb {{{...}}} einbinden, mit dem Vorteil, daß man auf jeder Seite ein eigenes Css verwenden kann.

Ja, es geht auch mit UTF-8 \1F517 https://www.utf8icons.com/character/128279/link-symbol ohne Fonts.

Muss es den ein häßliches # sein (https://www.fileformat.info/info/unicod ... /index.htm)

Hier noch einen Blumenstrauß https://codepen.io/mdusmanansari/pen/BamepLefür das farbige Template.

Was mich noch etwas stört ist das # von div class= deeplinks. Sollte man evtl. unsichtbar machen.
Ansonsten könnte man die verschiedenen Css'e in der Konfiguration über ein Dropdown auswählbar machen.

Ich wollte eigentlich obigen farbigen Codepen umsetzen, aber es gibt kein Div um jede Sektion. Man könnte in meinem Css den Seitenbalken grau machen und vor jeder Überrschrift ein Plus mit Rand oder einen Kreis machen ähnlich wie bei einer Timeline.( Anhang : Example 4)

Die Klassen des "anders einbetten" brauche ich bei "Beispielseiten". Obiges ex0...ex111 kann man bei Beispielseiten nicht durch expand_link ersetzen, das das div hier auch den content umgibt. Ich werde mal Variante 2 versuchen. Variante 3 ist so schlecht stylebar. Am besten wäre eine Konfiguration, ...

Ich hoffe es bis morgen fertig zu bekommen. Etwas ungewöhnlich ist es, dass das Accordion kein einhüllendes DIV hat (Beispielseiten) bzw. das div keine Klasse hat, und daß die einzelnen Unter-Divs keine Klassen haben (zumindest bei Bespielseiten, bei den Varianten class=expandarea für den Hintergrun...

Eine weitere Variante wäre ein Hover-Accordion wie Codepen https://codepen.io/rolandfarkas/pen/Jjrmjyz.
Das Hover müsste man zeitlich etwas verlängern, sonst ist es zu flatterig.
(( Hier mal ein interessantes Styling https://codepen.io/igor-dev-18/pen/wvrWGyZ ohne Balken))

Das gibt tatsächlich den Effekt. font-display: swap; ist evtl. nicht nötig. Geschmäcker sind halt verschieden, aber die Bootstrap-Entwickler haben sich auch mehrheitlich dafür entschieden. Vielen ist Bootstrap auch zu cool. Der Rest wie in https://www.bestjquery.com/labs/bootstrap-css-accordion-78/ ...