Artikel Styles

Artikel, einfach mit unseren Artikelklassen gestalten, ohne den Code zu verändern. 

  • Füge einfach eine Klasse zum Artikel hinzu, im Eigenschaften Editor unter „Technisches/CSS“.
  • Dann bekommt dein Artikel das gewünschte Aussehen. 

 

artText

  • klasse: artText
  • Default Artikelstyle
  • Baut einen Container um sich selbst auf mit einer  „row“ und einem „col“.
  • Inhalt von Artikel ist im Container

 

 

null

artTeaser - left

  • klasse: artTeaser left
  • Artikel mit einem Teaserbild (Metadaten)
  • Artikel geht über die ganze Breite mit einem Teaserbild im Hintergrund und dem Text in der Mitte.
  • Um den Text nach links zu positionieren, fügen wir zusätzlich classe left
null

artTeaser 

  • klasse: artTeaser
  • Artikel mit einem Teaserbild (Metadaten)
  • Artikel geht über die ganze Breite mit einem Teaserbild im Hintergrund und dem Text in der Mitte.
null

artTeaser - right

  • klasse: artTeaser right
  • Artikel mit einem Teaserbild (Metadaten)
  • Artikel geht über die ganze Breite mit einem Teaserbild im Hintergrund und dem Text in der Mitte.
  • Um den Text nach rechts zu positionieren, fügen wir zusätzlich classe right
test2

artHalfRight

  • klasse: artHalfRight
  • Artikel mit einem Teaserbild (Metadaten)
  • Teaserbild beinhaltet 50% vom Bildschirm und der Text im weißen Fenster ist rechts positioniert.
test2

artHalfLeft

  • klasse: artHalfLeft
  • Artikel mit einem Teaserbild (Metadaten)
  • Teaserbild beinhaltet 50% vom Bildschirm und der Text im weißen Fenster ist links positioniert.
test2 
 

artHalfRightContainer

  • klasse: artHalfRightContainer
  • Artikel mit einem Bild (Metadaten)
  • Bild beinhaltet 50% vom Container und der Text ist rechts positioniert.
  • - kann Hintergrundfarbe (für Container-fluid) hinzugefügt werden: klasse: bg_art
test2

artHalfLeftContainer

  • klasse: artHalfLeftContainer
  • Artikel mit einem Bild (Metadaten)
  • Bild beinhaltet 50% vom Container und der Text ist links positioniert.
  • - kann Hintergrundfarbe (für Container-fluid) hinzugefügt werden: klasse: bg_art

ArtCardColor1

  • klasse: artCardColor
  • Box mit färbigem Hintergrund, abgeschnittenen Kanten.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

ArtCardColor2

  • klasse: artCardColor
  • Box mit färbigem Hintergrund, abgeschnittenen Kanten.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

ArtCardColor3

  • klasse: artCardColor
  • Box mit färbigem Hintergrund, abgeschnittenen Kanten.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

artCard-bootstrap - 1

  • klasse: artCard-bootstrap
  • Baut eine Bootstrapcard auf.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

artCard-bootstrap - 2

  • klasse: artCard-bootstrap
  • Baut eine Bootstrapcard auf.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

artCard-bootstrap - 3

  • klasse: artCard-bootstrap
  • Baut eine Bootstrapcard auf.
  • Baut einen Container um sich selbst auf mit einer  „row „
  • Nächster Artikel mit der selben Klasse kommt zur selben row hinzu und bekommt „col-md-4“.

Left

Right

2019

artTimeline - 1

klasse: artTimeline
Baut ein Timeline item auf.
Baut einen Container-fluid um sich selbst auf mit einer  „row „
Nächster Artikel mit der selben Klasse kommt zur selben Timeline hinzu.
​Anrisstext mit dem Datum muss befüllt sein

2019

artTimeline - 2

klasse: artTimeline
Baut ein Timeline item auf.
Baut einen Container-fluid um sich selbst auf mit einer  „row „
Nächster Artikel mit der selben Klasse kommt zur selben Timeline hinzu.
​Anrisstext mit dem Datum muss befüllt sein

2019

artTimeline - 3

klasse: artTimeline
Baut ein Timeline item auf.
Baut einen Container-fluid um sich selbst auf mit einer  „row „
Nächster Artikel mit der selben Klasse kommt zur selben Timeline hinzu.
​Anrisstext mit dem Datum muss befüllt sein

2019

artTimeline - 4

klasse: artTimeline
Baut ein Timeline item auf.
Baut einen Container-fluid um sich selbst auf mit einer  „row „
Nächster Artikel mit der selben Klasse kommt zur selben Timeline hinzu.
Anrisstext mit dem Datum muss befüllt sein

Wir verwenden Cookies, um Ihnen das beste Erlebnis auf unserer Website zu ermöglichen und Inhalte der Seite für Sie zu personalisieren. Diese helfen uns, unsere Websites ständig zu verbessern. Zu solchen Cookies gehören Funktionen für soziale Netzwerke, Traffic-Analyse und Cookies zur erweiterten Analyse des Nutzungsverhaltens. Durch Klicken von "Akzeptieren" stimmen Sie der Cookie-Nutzung zu. Um die Nutzung einzelner Cookies zu verwalten, klicken Sie bitte auf "Cookie-Einstellungen".