Tutorial

  • Main Menü (Top)
  • Newsflash - MetroBase

Main Menü

Klicken Sie oben in der Symbolleiste auf Menüs/Menüs/Neues Menü. (Bild 1)
Bild 1 - MetroBase Menü

Bei "Titel" tragen Sie bitte MetroBase-MainMenü ein. Bei "Menütyp" tragen Sie "MainMenü" ein. "Beschreibung" lassen Sie leer.

Schauen Sie jetzt im Menü MetroBase-MainMenü in die rechte Spalte "Zum Menü verlinkte Module", dort steht in blauer Schrift "Ein Modul für diesen Menütyp hinzufügen". Bitte anklicken und es öffnet sich ein neues Fenster "Modul Menü" (Bild 2)
Bild 2 - MetroBase
Hier fügen wir jetzt ein "Modul" für das "Menü" - "MetroBase-MainMenü" hinzu.

Geben Sie bei "Titel" einen aussagekräftigen Titel ein, und bei "Positionen" klicken Sie neben dem Eingabefeld auf den Button "positionen". Scrollen Sie nun so lange im Fenster bis Sie die Position "mainmenu" - Metro-BaseTemplate finden und wählen Sie diese durch einen Klick darauf aus.

Auf der rechten Seite finden Sie Optionen zum Modul. Wichtig ist jetzt das Sie unter "Erweiterte Optionen" / Menü-Tag-ID / mainnav eintragen und unter Alternatives Layout / meinmenu auswählen (Bild 3).
Bild 3 - MetroBase Options

Auf der linken Seite unter "Menüzuweisung" wählen Sie nun die Seiten aus auf der das Menü Modul erscheinen soll. Klicken Sie nun noch oben in der Symbolleiste auf "Speichern & Schließen".

Klicken Sie nun wieder oben in der Symbolleiste auf Menüs/Menüs/MetroBase-MainMenü/Neuer Menüeintrag. Ok! Nun legen wir unseren 1. Menüeintrag an. Nehmen wir als erstes für das Menü "MetroBase-MainMenü" den Eintrag "Home".
Tragen Sie also bei "Menütitel" Home ein und wählen ein passenden "Menütyp". Auf der rechten Seite unter "Einstellungen für Menülinks" (Bild 4) finden Sie die Option "CSS-Style für Link". Hier geben Sie dann das Icon an was über dem Text-Eintrag "Home" steht.
Bild 4 MetroBase - Link Eintrag

Im normal Fall ist die Option "CSS-Style für Link" eine CSS-Klassen-Angabe für den Menüeintrag. Im MetroBase-Template haben Sie Die Möglichkeit im Hauptmenü-(TOP) namen für die Icons anzugeben die das Template unterstüzt.
Ich habe mich für http://fontawesome.io/ entschieden. Auf der Seite "The Icons" finden Sie alle möglichen 369 icons die das Template zum Zeitpunkt der Erstellung unterstützt. Unter der Option "CSS-Style für Link" tragen Sie ihr passendes Icon in dieser form ein: "fa-home". Als Beispiel für das Haus Icon. Klicken Sie nun noch oben in der Symbolleiste auf "Speichern & Schließen". Nun haben Sie ihren ersten Menüeintrag erstellt.

Sie können jedes Icon in jedem Beitrag verwenden. Verwenden Sie dafür diese Form:

<i class="fa fa-home"></i>

Newsflash - MetroBase

Ich gehe mal davon aus das Sie das "Beiträge - Newsflash - MetroBase" -Modul runtergeladen haben und es auf ihren Server installiert haben.
Klicken Sie oben in der Symbolleiste auf Erweiterungen/Module. Sie sollten jetzt das Modul "Beiträge - Newsflash - MetroBase" sehen, es ist standardmäßig deaktiviert. Klicken Sie nun auf das Modul. Nun befinden Sie sich in folgenden Fenster (Bild 5).
Bild 5 - NewsFlah-Mertobase

Geben Sie nun einen Titel ein falls erwünscht. Module müssen aber einen Titel haben auch wenn dieser nicht angezeigt werden soll.
Wählen Sie anschließend noch eine Position und gebendas Modul unter Status frei.
Möchten Sie das Modul in einem Beitrag Anzeigen lassen sowie auf der Demoseite so wählen Sie Bitte eine Position die nicht in meinem Template oder in einem anderen Template was Sie nutzen vorkommt. In meinem Fall benutze ich die Position: user1 , welches das Template MetroBase nicht nutzt. Kommen wir nun zu den Optionen die das Modul unterstüzt (Bild 6).
Bild 6 -MetroBase -NewsFlash - Options

Im folgenden Bild sehen Sie was "Zeile 1" und "Zeile 2" (Bild 7) bedeutet.
Bild 7 -MetroBase -NewsFlash - Options
Sie können jede "Zeile" seperat aktivieren. Alle weiteren optione sind selbsterklärend. Ein paar Worte (Bilder ;-) noch zu Modulgröße (Bild 8), Blockgröße (Bild 9) und Blockbreite (Bild 10). Alle Angaben sind in Pixel und werden wiefolgt berechnet:

Modulgröße (Bild 8)
Bild 9 - MetroBase - Blockgröße
Bild 10 - MetroBase - Blockbreite
Die Blockgröße hat einen Rand oben und unten von 15 Pixel und die Blockbreite hat einen Rand von 20 Pixel links und rechts.

Kommen wir nun zum Anzeigen des Modules in einem Beitrag.
Klicken Sie oben in der Symbolleiste auf Inhalt/Beiträge/Neuer Beitrag. In diesen Beitrag laden Sie das Modul mit folgendem Code (Bild 11).
Bild 11 - MetroBase - Code
Wobei "user1" die Position ist die wir dem Modul am Anfang gegeben haben. Jetzt müssen Sie ihren Beitrag nur noch "Speichern & Schließen".

Zufalls´pic

gold-abstrakt_20111108_1937797923.jpg

Wer ist online

Aktuell sind 24 Gäste und keine Mitglieder online

Sponsors