Beiträge - Newsflash - MetroBase - Pro

  • Modul Newsflash - MetroBase

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

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

     

  • MetroBeitragBilder (2)

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

     
  • Demo

    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.

     
  • 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

red-abstrakt_20111108_1789338367.jpg

Wer ist online

Aktuell sind 24 Gäste und keine Mitglieder online