verschiedene Bilder DIV Templates
Bilder: Top, Left, Right, Bottom - Text als Fließtext
Bilder DIV - Bildorientierung ist oben
ein einzelnes Bild, zufällig wechselnd
Duch ein Template ist hier der Text unter das Bild verlagert. Über Spalten wird die Anzahl der Bilder in einer Reihe festgelegt. Das Design kommt über zwei Klassen im Artikel (artikel-rahmen und card-shadow). Bildwechsel erfolgt zufällig über "Bild zufällig wählen"
Mehr Text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Bildunterzeile (Artikel)
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Tiere
-----------------------------------------------------------------------------
Bilder DIV - Bildorientierung ist oben
ein einzelnes Bild, zufällig wechselnd
Duch ein Template ist hier der Text unter das Bild verlagert. Über Spalten wird die Anzahl der Bilder in einer Reihe festgelegt. Das Design kommt über zwei Klassen im Artikel (artikel-rahmen und card-shadow). Bildwechsel erfolgt zufällig über "Bild zufällig wählen"
Mehr Text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Bildunterzeile (Artikel)
Musterbilder Porsche Museum
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Architektur Indoor
-----------------------------------------------------------------------------
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Architektur Indoor
-----------------------------------------------------------------------------
Bilder DIV - Bildorientierung links
zwei Bilder links vom Text
Das Grundtemplate ist immer das gleiche, egal ob Bildorientierung TOP, LEFT, RIGHT oder BOTTOM ist ... Die Position des Textes wird durch Positionierung des Text-Containers im Template bestimmt
- über Spalten wird die Anzahl der Bilder nebeneinander eingestellt
- über Bilder max. die Anzahl der angezeigten Bilder
- Text ist als Fließtext um die Bilder
- wegen der Position des Textes über vier seperate Templates
Hier der Mustertext mit Ausrichtung Block: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Musterbilder Robbe
Musterbilder Makro Blume
Bildunterzeile (Artikel)
Musterbilder Budda
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Tiere
-----------------------------------------------------------------------------
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Pflanzen
-----------------------------------------------------------------------------
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Landschaft Pflanzen
-----------------------------------------------------------------------------
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Skulptur
-----------------------------------------------------------------------------
Bilder DIV - Bildorientierung rechts
vier Bilderrechts vom Text in zwei Spalten
Durch das Template ist hier der Text unter das Bild verlagert.
Mustertext: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Textende
Bilder DIV - Bildorientierung unten
ein Bild unter dem Text
Bildorientierung ist unten, zwei Bilder nebeneinander gesteuert über Spalten.
Mustertext: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Textende
Bildunterzeile (Artikel)
Gnus Kalahari (Dateitentrale)
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Tiere
-----------------------------------------------------------------------------
Copyright: (C) Dieter Bahr - FotografierBahr.de
Keywords: Tiere
-----------------------------------------------------------------------------