Hallo, Besucher der Thread wurde 124 aufgerufen und enthält 1 Antwort

letzter Beitrag von MalerWanne am

[Template] Mega Footer

Aktiviere jetzt die 2-Faktor-Authentisierung für deinen Account und erhalte die Trophäe Auf der sicheren Seite.

    Hallo,

    der ein oder andere kennt sie bereits von vielen anderen Internetseiten: Die Mega Footer. Da wo viele bereits ein Mega Menü als Navigation nutzen, wird oftmals zugleich ein Mega Footer mit includiert. Abseits der bereits von mir geschriebenen Anleitung wie man ein Mega Menü samt einer Mega Menü Erweiterung bewerkstelligen kann, möchte ich hiermit einmal zeigen, wie man ein Gegenstück zum Mega Menü, ein Mega Footer verwirklichen kann.


    Im übrigen: Dies soll und stellt keine Konkurrenz zu dem Paket Additional Footer Woltlab Suite Core von Hitman dar, sondern sollte eher als eine Möglichkeit angesehen werden, einen MegaFooter zu verwirklichen der, so sagen wir mal, mehr Freiheit bei etwaigen Implementierungen bieten kann.

    Features

    • Leichte Integration
    • Einfaches anpassen an Deinen Style
    • Quasi unendlich erweiterbar



    Demo


    Eine Live Demo ist zur Zeit leider nicht verfügbar, wird aber bei Verfügbarkeit nachgereicht. :(

    Quellcode

    Das unachtsame bearbeiten und ändern von Templates kann zu einen Fatal-Error führen. Entsprechend dem sollte eine Bearbeitung vorab auf einer Testumgebung getestet werden und zudem natürlich auch ein Backup angelegt werden. Insofern keine Kenntnisse mit Templates vorhanden sind, so empfiehlt es sich einen Entwickler des Vertrauen zu kontaktieren.


    Der Mega Footer wird zukünftig noch erweitert. Etwaige Erweiterungen werden folglich hier im Beitrag zur Verfügung gestellt und zudem in diesem ersten Beitrag unter einen neuen Punkt aufgelistet.

    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.
    Dieser BBCode ist nur für Mitglieder sichtbar! - Um den BBCode nutzen zu können Loggen Sie sich bitte ein oder Registrieren Sie sich.

    Benutzung

    1. Gehe zu Anpassung Templates + Template hinzufügen
    2. Gebe als Namen megaFooter ein und füge den o.g. Html ein.
    3. Gehe zu Anpassung Templates
    4. Wähle dort DEIN_STYLE und anschließend das Template pageFooter
      Sollte sich das Template pageFooter noch nicht in der Templategruppe Deines Style befinden, so ist dies über aus der Standard-Templategruppe in Deine Templategruppe zu kopieren.
    5. Füge im pageFooter-Template ganz oben in einer neuen Zeile folgenden Quellcode ein: {include file='megaFooter'}.
    6. Gehe zu Anpassung Stil DEIN_STYLE Erweiterte Einstellungen
    7. Füge dort den o.g. CSS-Quellcode ein und passe diesen nach Deinen belieben an.
    8. Fertig!

    Optional:
    Wer das Standard Footer-Menü nun ausgeblendet haben möchte, der kann dies über zwei verschiedene Methoden erreichen. Zum einen in dem das Footer-Menü deaktiviert wird oder per CSS.


    1.) Per Deaktivierung des Footer-Menüs:

    1. Gehe zu Inhalt Menüs.
    2. Klicke bei Footer-Menü auf um das Footer-Menü zu bearbeiten.
    3. Wähle oben das Tab "Seiten" aus und entferne alle Häkchen bzw. den Haken bei "Box überall anzeigen".

    2.) Per CSS:

    1. Gehe zu Anpassung Stil DEIN_STYLE Erweiterte Einstellungen.
    2. Füge dort folgenden CSS-Quellcode ein: [data-box-identifier="com.woltlab.wcf.FooterMenu"] { display: none; }.

    Lizenz

    Copyleft oder mit anderen Worten, macht damit was Ihr wollt ;)

    Screenshot

    Die wie auf den Screenshot dargestellten diagonale Trennlinie, kann über die Anleitung unter [CSS] Triangle Divider (Seperator) verwirklicht werden.


    Gruss,
    Andreas

    Top Anleitung, hat mir sehr weitergeholfen.


    Weiter so! =)

    • Gäste Informationen
    Hallo,gefällt dir der Thread, willst du was dazu schreiben,
    dann melde dich bitte an.
    Hast du noch kein Benutzerkonto, dann bitte registriere dich, nach der Freischaltung kannst du
    das Forum uneingeschränkt nutzen.

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!