Seite 1 von 1

Extension: slide out on click

Verfasst: Mi 20. Jul 2016, 11:19
von Admin
slideoutonclick.zip
(51.04 KiB) 734-mal heruntergeladen
Diese kleine Spielerei fügt deinem Board mehrere Tabs links an der Seite hinzu, die beim Anklicken mit der Maus nach links einfahren, sodass nur noch der rote Teil des Tabs sichtbar ist. Durch Anklicken des roten Teils kann der Tab wieder vergrößert werden.
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");
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/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;
entfernen.
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.