t3up_news

die Erweiterung t3up_news erweitert die die Nachrichten-Extension news und eventnews (von Georg Ringer) mit einer Reihe Templates, die Nachrichten Extension wird um das Feld "nomore". Grund hierfür ist, dass es immer wieder vorkommt, dass eine Nachricht nur ein kurze Information besitzt und kein "Lesen Sie mehr" o.ä. benötigt.

In den Templates sind verschiedene Layouts realisiert, die Bootstrap-Carousel nutzen und es ermöglichen animierte Nachrichten mit gleichzeitig 1,3 oder 4 Nachrichten zu präsentieren, ohne eine weiter Extension.
Die Darstellmöglichkeiten werden über die Flexform im Bereich Boostrap realisiert.

Zusätzlich zum allgemeinen Kalendertemplate stehen weitere zur Verfügung,

ebenso verschiedene Detailanzeigetemplates, oder 3/4 Nachrichten in einer Reihe.

 

Nachrichtenslider

Erst testen, dann produzieren

Im "Human Factors Lab" der h_da untersuchen Industriedesigner, wie bedienfreundlich die Prototypen von Produkten sind


Darstellungsarten

Zur Darstellung des Textes für den Nachrichtenslider gibt es 7 verschiedene Designs. Diese können zusätzlich mit den Parametern in der Flexform beeinflusst werden, z.B. Farbe des Hintergrunds, Textfarbe u.a.

Flexform

Art der Präsentation

Es kann zwischen Verschiebe und Einblenden gewählt werden, also, ob Elemente eingeblendet (fade) oder verschoben (slide) werden.

Breite des Carousels

Die Breite des Carousels kann in px-Werten angegeben werden, wobei o, also kein Eintrag 100% bedeutet, Strandard ist 800px.

Höhe des Carousels

Die Höhe des Carousels kann  zwischen 1-100vH gewählt werden, vordefiniert: ist 40vH, der Mindestwert ist 200px.

Zeige Kontrollpunkte

Die Möglichkeit die Kontrollpunkte (Striche) zu de-/aktivieren.

Zeige Richtungspfeile

Die Möglichkeit die Pfeile (links und rechts) zu de-/aktivieren.

Geschwindigkeit in Millisekunden

Vorgabe ist 4000 = 4 Sekunden, Zeit, die ein slide stehen bleibt, bevor das nächste erscheint.

Design

Die 7 verschiedenen Darstellungen.

Nur Header anzeigen

Ob im Slide nur der Titel, oder auch der Teasertext angezeigt wird, kann hier eingestellt werden. Das zweite Beispiel zeigt die Variante mit Nur Header anzeigen.

Textausrichtigung

Die Schrift jedes Slides kann ausgerictet werde, es stehen links (Standard), zentriert und rechts als Option zur Wahl.

Beispiel1

  • Stil: Design 1
  • Hintergrund : #000000
  • Schriftfarbe: #ffffff
  • Ausrichtung: links

Beispiel2

  • Stil: Design 1
  • Hintergrund : #003399
  • Schriftfarbe: #ffffff
  • Ausrichtung: rechts

 

Hintergrundfarbe des Textbereich/Richtungspfeile

Die Farbe des Hintergrund und der Pfeile werden hier definiert. Im Beispiel #FF0000.

Textbereich/Richtungspfeile

Die farbe des Textes und der Richtungspfeile.

Hintergrund Durchsichtigkeit

Der Texthintergrund ist in 16 Stufen zwischen opak und transparent zu definieren. Vorgabe 75% opak.

Transparenzfarbe für die Bilder

Die Bilder können farbüberlagert werden, im Beispiel mit #FF0000.

Verzöckertes Nachladen

Bootstrap-Carousel erlaubt lazy loading, also das verzögerte Nachladen der Bilder (Vorgabe: aktiv).