Teamcards

Erstelle mit diesem Modul eine Übersicht Deines Teams. Du kannst zu jedem Teammitglied kurze Informationen und bis zu 3 Links hinterlegen und mit einem Bild anzeigen. Die Farben lassen Icons für die Links, lassen sich im Modul einstellen.

Die Darstellung ist reines CSS und kommt ohne Javascript aus. Die Darstellung ist responsive und die Bilder werden per CSS zugeschnitten, wenn sich nicht ganz dem Maß passen.

Allgemeine Einstellungen

Jede Teamcard hat eine feste Breite von 480 x 240 Pixel. In der normalen Ansicht, werden diese Horizontal angezeigt. Ist die Bildschirmbreite kleiner als 500 Pixel, wechseln die Teamcards in die vertikale Ansicht (240 x 480 Pixel).

In den allgemeinen Einstellungen können die Farben für Hintergrund, Text und Raute festgelegt werden. Zusätzlich kann man die Ausrichtung der Teamcards (fließend oder untereinander) eingestellt werden.

Neu: Für die Icons wird standardseitig der Font ionicons lokal geladen. Dieses kann man abwählen, wenn stattdessen fontawesome o.ä. verwendet werden soll. Es können bis zu 3 Links angegeben werden. Für jeden Link kann man angeben, ob dieser angezeigt werden soll und die CSS-Klasse zur Darstellung des Icon.

Einstellungen pro Teamcard

In jeder Teamcard kann ein Bild ausgewählt werden. Wenn das Bild nicht ganz den Maßen 240 x 240 Pixel entspricht, dann wird es mittels CSS passend zugeschnitten. Als Texte kann man einen Vornamen, Nachnamen und Slogan (ca. 20 Wörter) angegeben werden.

Pro Teamcard kann man 3 Links angeben. Das dazugehörige Icon wird nur angezeigt, wenn ein Link eingetragen ist.

Info & Download

Beispiel