Extension: Tab Slide Out

Dies und Das
Admin
Administrator
Beiträge: 50
Registriert: Sa 3. Sep 2016, 18:18

Extension: Tab Slide Out

Beitrag von Admin »

UPDATE:
hier gibt es die neuste Version der Extension mit einem Tab:
tabslideout.zip
(27.59 KiB) 771-mal heruntergeladen
Diese kleine Spielerei fügt deinem Board einen Tab links an der Seite hinzu, der beim Darüberfahren nach rechts ausfährt und sich dann automatisch wieder schließt, wenn die Maus nicht mehr darüber ist. Der Tab wird nur auf der Indexseite angezeigt.
Installation:
Lade den Ordner herunter, extrahiere die Dateien, lege im Ordner ext einen Unterordner namens lehrling an und verschiebe in diesen Unterordner den Ordner tabslideout.
Das Downloadpaket enthält drei Grafiken, nämlich info, feedback und contact. Sie dienen als Hintergrundbild für den Tab. Du kannst sie austauschen, indem du im Stylesheet tabslideout.css (im Ordner ext/lehrling/tabslideout/styles/prosilver/theme) an dieser Stelle

Code: Alles auswählen

#slideout {
  background-image: url("./images/feedback.png");
den Namen der Grafik veränderst.
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/tabslideout/styles/prosilver/template/event) ändern.
Wenn du möchtest, dass der Tab 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 der Tab nicht wichtige Links des Boards verdeckt.
Wenn du möchtest, dass der Tab unter den Links liegt, dann musst du im Stylesheet tabslideout.css diese Stelle

Code: Alles auswählen

z-index: 100;
entfernen.
Der Tab erscheint auch im responsiven Style.
Ein Videotutorial zum Einbau und zur Konfiguration gibt es hier: https://www.youtube.com/watch?v=7vpD_EBlUFk
Tipp: nach Änderungen an Dateien einer Erweiterungen immer im Administrationsbereich den Cache leeren.
Zuletzt geändert von Admin am Di 27. Dez 2016, 12:09, insgesamt 4-mal geändert.
Admin
Administrator
Beiträge: 50
Registriert: Sa 3. Sep 2016, 18:18

Re: tabslideout

Beitrag von Admin »

UPDATE:
hier gibt es die neuste Version des Sliders mit mehreren Tabs
tabslideout.zip
(33.23 KiB) 762-mal heruntergeladen
Wenn du mehrere Tabs anzeigen lassen möchtest, dann lade dir diesen Ordner herunter und überschreibe sowohl das Stylesheet tabslideout.css als auch die HTML-Datei index_body_markforums_before.html mit den Dateien aus dem Ordner. Danach den Cache leeren.
Du kannst Tabs löschen, indem du in der Datei index_body_markforums_before.html die entsprechenden Codeabschnitte entfernst. Die Grafiken musst du natürlich anpassen.
Nachtrag: es wurden noch zwei Grafiken hinzugefügt
Antworten