Installation:
Lade den Ordner herunter, extrahiere die Dateien, lege im Ordner ext einen Unterordner namens lehrling an und verschiebe in diesen Unterordner den Ordner slideoutonclick.
Das Downloadpaket enthält fünf Grafiken, nämlich info, feedback, uns, teilen und contact. Sie dienen als Hintergrundbild für den Tab. Du kannst sie austauschen, indem du im Stylesheet slideoutonclick.css (im Ordner ext/lehrling/slideoutonclick/styles/prosilver/theme) an dieser Stelle (am Beispiel des ersten Tabs slideout1)
Code: Alles auswählen
.slideout1 {
background-image: url("./images/feedback.png");Im Ordner contrib findest du eine Blankografik im png-Format sowie Vektorvorlagen im svg- und eps-Format.
Den Text des beweglichen Containers kannst du in der Datei index_body_markforums_before.html (im Ordner ext/lehrling/slideoutonclick/styles/prosilver/template/event) ändern.
Wenn du möchtest, dass die Tabs immer und überall angezeigt wird, dann solltest du die Datei index_body_markforums_before.html umbenennen in overall_header_navbar_before.html.
In diesem Falle sind jedoch eventuell Styleänderungen nötig, damit die Tabs nicht wichtige Links des Boards verdeckt.
Wenn du möchtest, dass die Tabs unter den Links liegt, dann musst du im Stylesheet slideoutonclick.css diese Stelle
Code: Alles auswählen
z-index: 100;Der Tab erscheint nicht im responsiven Style.
Dieses Video könnte auch hilfreich sein: https://www.youtube.com/watch?v=7vpD_EBlUFk
Es geht zwar um den Einbau und die Anpassung der Extension tabslideout, aber die Verfahrensweise ist sehr ähnlich.
Tipp: nach Änderungen an Dateien einer Erweiterungen immer im Administrationsbereich den Cache leeren.