Beiträge - Newsflash - MetroBase - Pro

  • 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 Beitrag Home

    Willkommen

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

    Das Template im MetroStyle und dazu das Modul „Newsflash - MetroBase“ ergeben zusammen ein optisch gutes Template im Windows 8 Style. Das Beitragsmodul „Newsflash - MetroBase“ zeigt eine feste Anzahl von Beiträgen aus einer oder mehrerer Kategorien im MetroStyle an.

     
  • 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.

     
  • MetroBeitragBilder

    Hover Style #8

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    Read More
     
  • 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.

     
  • Ipsum lorem

    Ipsum lorem

    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. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

     
  • 404 Beitrag

    404

    error

    Oooops!... Something went wrong.

     
  • Lorem ipsum

    Lorem ipsum

    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. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

     
  • 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".

     
  • 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 (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.

     
  • 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.

     
  • 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

     
  • Hover Style #8

    A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

    Read More
     
  • Hover Style #4

    Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

    Read More
     
 

Zufalls´pic

blue_ring_20111108_1390734804.jpg

Wer ist online

Aktuell sind 35 Gäste und keine Mitglieder online