Ankündigung

Einklappen
Keine Ankündigung bisher.

Back to top Button mit FontAwesome Icon

Einklappen
X
Einklappen
Momentan aktive Benutzer in diesem Thema: 1 (0 Benutzer und 1 Gäste)
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    [Add-on] Back to top Button mit FontAwesome Icon

    Addon-/Produkt-Name: backtotop / deutsche Version: backtotop_de
    Version: 1.1.0
    Installationshinweise: Einfache Installation im AdminCP. Anschließend das Add-on in den Einstellungen anpassen.

    Versionshistorie:


    1.1.0
    • Der Button wurde auch in den privaten Chats angezeigt. (Nun wird diese pageGUID im Template ausgeschlossen.)


    Bei längeren Threads und Seiten mit viel Inhalt ist es manchmal mühsam, wieder bis ganz oben zu scrollen oder erst ganz runter, bis man zum "Hinauf"-Link in der Footer-Navigation gelangt. Zudem ist der Hinauf-Link fest von vbulletin5 vorgegeben und man kann ihn über den Seitenmanager leider nicht bearbeiten. Dazu wären Änderungen direkt im Template nötig.

    Mit diesem Add-on kann man nun ganz einfach einen Back to top Button in sein Forum einfügen.
    Dieser beinhaltet einen Pfeil-Icon, welcher mittels FontAwesome angezeigt wird.
    Bei Bedarf, kann man das dazugehörige Font-Awesome-Script direkt mit einfügen lassen.
    Wer FontAwesome bereits irgendwo auf der Seite eingebunden hat, kann und sollte dies unbedingt in den Einstellungen des Buttons deaktivieren!

    Abgerundet wird das Ganze mit einem netten FadeIn Effekt: Der Button erscheint erst nachdem man eine zuvor bestimmte Distanz heruntergescrollt hat. Dieser Wert sollte nicht zu niedrig eingestellt sein, sonst ist der Button je nach Größe der Bildschirm permanent sichtbar.
    Nach Klick auf den Button wird der User per "smooth scroll" wieder bis hoch zum Start der Seite gebracht.


    Im AdminCP unter "Einstellungen" > "Optionen" finden sich zahlreiche Einstellungen, um das ganze an das eigene genutzte Farb-Thema anzupassen.
    Auch responsive Einstellungen (Smartphone und Tablet) sind möglich.
    Zudem hat man die Möglichkeit in den Einstellungen, den von vbulletin im Footer-Bereich generieren "Hinauf"-Link zu entfernen, bzw unsichtbar zu machen.

    Achtung: Ihr habt die Wahl zwischen 2 Versionen:

    Englisch: product_backtotop.xml

    und

    Deutsch: product_backtotop_de.xml


    Screenshots:



    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: bttp-1.jpg Ansichten: 1 Größe: 134,4 KB ID: 552

    Einstellungen deutsche Ansicht:

    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: bttp-3.jpg Ansichten: 1 Größe: 113,4 KB ID: 553

    #2
    Beautiful modification

    Kommentar


      #3
      Wundervoll.

      Kommentar

      Lädt...
      X