Beiträge - Newsflash - MetroBase

  • Demo - Info (3)

    Demo - Info

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

     
  • Demo - Info (2)

    Demo - Info

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

     
  • Demo Beitrag Home

    Willkommen

    auf der Demo Seite MetroBasePro-Template. Das Template „MetroBase“ im MetroStyle für Joomla! v2.5.

    Das Template im MetroStyle und dazu das Modul „Newsflash - MetroBasePro“ ergeben zusammen ein optisch ansprechendes Template im Windows 8 Style für Joomla! v2.5.

     
  • Demo (2)

    Demo Beitrag 3

    Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

     
  • Demo (2)

    Demo Beitrag 3

    Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

     
  • Demo (2)

    Demo Beitrag 3

    Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

     
  • Demo - Info (2)

    Demo - Info

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

     
  • Willkommen (demo template ) (V2)

    Willkommen

    Dies ist ein Template für Joomla! ab Version 2.5. Optimiert für die Ausgabe Mobiler Geräte.
    Skalieren Sie die Breite des Browserfensters oder Nutzen Sie Mozilla Firefox 17.0 womit Sie Bildschirmgrößen testen können!



    Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut

     
  • MetroBasePro Tutorial

    Tutorial

    • Main Menü (Top)
    • Sidebar Menü
    • NewsflashPro - MetroBase

    Main Menü

    Hier gibt es keine Veränderung zum MetroBase Template. Lesen Sie dazu Diese Tutorial Main Menü (Top)

    Sidebar Menü

    Das MetroBasePro-Template hat die Möglichkeit ein Menü in der Sidebar einzublenden. Dafür sind folgende Einstellungen notwendig.
    Klicken Sie oben in der Symbolleiste auf Erweiterungen/Module. Klicken Sie anschließend auf NEU und wählen als Modultyp: Menü. Geben Sie dem Modul einen Titel und wählen als Position: metro-sidebar-menu.
    Unter Basisoptionen auf der rechten Seite stellen Sie "Untermenüeinträge anzeigen" auf ja, sofern ihr Menü Untermenüeinträge enthält. Und zum Abschluss stellen Sie unter Erweiterte Optionen / Menü-Tag-ID / sidebar-menu ein.
    Bild 1 - MetroBasePro - SidebarMenu

    Geben Sie das Modul frei und Speichern Sie es.

    NewsflashPro - MetroBase

    Bitte lesen Sie das MetroBase Newsflash Tutorial.

    Im NewsflashPro Modul gibt es ein paar Optionen zusätzlich. Klicken Sie oben in der Symbolleiste auf Erweiterungen/Module. Sie sollten jetzt das Modul "Beiträge - Newsflash - MetroBase - Pro" sehen, es ist standardmäßig deaktiviert. Klicken Sie nun auf das Modul (Bild 2).
    Bild 2 - NewsFlashPro - Options

    Um Bilder effektvoll anzuzeigen (Demo) sind folgende Schritte notwendig:

    • Klicken Sie oben in der Symbolleiste auf Inhalt/Kategorien/Neue Kategorie. Geben Sie der Kategorie einen Titel. zum Beispiel: "MetroPro Bilder"
    • Jetzt erstellen Sie einen Beitrag in dieser Kategorie mit folgenden Inhalt:
       
      <div class="view view-fourth">
          <img src="images/beispiel.jpg" alt="" title="" />
          <div class="mask">
              <h2>Hover Style #1</h2>
                 <p>Ihr Inhalt</p>
                 <a href="#" class="button">Read More</a>
            </div>
      </div>
       
      oder diesen Inhalt:
       
      <div class="view view-eighth">
          <img src="images/beispiel.jpg" alt="" title="" />
          <div class="mask">
              <h2>Hover Style #2</h2>
                 <p>Ihr Inhalt</p>
                 <a href="#" class="button">Read More</a>
            </div>
      </div>
       
      Diese Bild Hover effekte stammen von http://tympanus.net/.
    • Als letztes laden Sie die Kategorie in "Zeile 3" (Bild 3).

      Bild 3 - NewsFlashPro - Katergorie laden

    • Die vierte und letzte Einstellung ist die Blockgröße und Blockbreite. Diese Größen richten Sich nach der Bildgröße/Bildbreite. In meinem Fall sind die Bilder 156px hoch und 250px breit.

     

  • MetroBase Tutorial

    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

abstrackt-surreal_20130102_1451022339.jpg

Wer ist online

Aktuell sind 20 Gäste und keine Mitglieder online

Sponsors