Seitenelement: Icon-Box

Dokumentation Template 3.0

E-Mail, Facebook, Download, Ausrufezeichen: Icon-Boxen gibt es in vielen Varianten. Sie werden als Ausreißer positioniert.

Ziehen Sie einfach Ihr Browser-Fenster auf die Größe eines Smartphones oder Tablets, um zu testen, wie ein Element in der mobilen Ansicht mit dem Smartphone oder auf dem Tablet aussieht.

  • Links oder rechts vom Text ragt die Icon-Box über die Standard-Textbreite hinaus. Die Redakteurinnen und Redakteure können verschiedene Icons auswählen, die in der Box angezeigt werden.
  • Aussehen Smartphone: Zuerst erscheint die Box, darunter der Text – beides über die gesamte Bildschirmbreite.
  • In der Icon-Box hinterlegen wir die Ziel-Datei oder -URL, zum Beispiel den Link zu der Facebook-Seite der Universität Stuttgart. Durch das Facebook-Logo in der Icon-Box erkennen die Nutzerinnen und Nutzer auf den ersten Blick, welches soziale Netzwerk oder welches Dateiformat sich hinter dem Link verbirgt.
  1. Icon-Boxen können die Hintergrundfarben weiß, hellgrau oder hellblau haben.
  2. Es stehen verschiedene Icons zur Wahl. Je nach Icon können diese Boxen für andere Zwecke verwendet werden. Insgesamt gibt es 14 verschiedene Icons, die Sie im Nachfolgenden sehen können.

Mail

Sollte es nötig sein, an einer bestimmten Stelle im Text auf eine E-Mail-Adresse zu verweisen, ist diese Box hilfreich.

Download

Wenn wir eine Datei zum Download anbieten möchten, können wir diese in der Icon-Box anbieten.

Facebook

Falls Sie eine eigene Facebook-Seite haben, können Sie diese mit der nebenstehenden Box bekannt machen.

Twitter

Falls Sie einen eigenen Twitter-Account haben, können Sie diesen mit der nebenstehenden Box bekannt machen.

Instagram

Falls Sie einen eigenen Instagram-Account haben, können Sie diesen mit der nebenstehenden Box bekannt machen.

(Icon: youtube)

Youtube

Wenn wir auf einen YouTube-Kanal verweisen möchten, hilft diese Box.

(Icon: vimeo)

Vimeo

Wenn es um Videos auf Vimeo geht, nutzen wir dieses Icon für die Box.

(Icon: video)

Video

Hiermit können wir auf ein bestimmtes Video oder Videos im Allgemeinen verweisen.

(Icon: location)

Landkarte

Mit diesem Icon kann man auf Karten verlinken.

(Icon: pdf)

PDF-Dokument

Das PDF-Icon in der Box zeigt, dass man hier ein PDF-Dokument herunterladen kann.

(Icon: doc)

Word Dokument

Das Word-Icon in der Box zeigt, dass man hier ein Word-Dokument herunterladen kann.

(Icon: ppt)

PowerPoint-Dokument

Das PowerPoint-Icon in der Box zeigt, dass man hier ein PowerPoint-Dokument herunterladen kann.

(Icon: xls)

Excel-Dokument

Das Excel-Icon in der Box zeigt, dass man hier ein Excel-Dokument herunterladen kann.

(Icon: attention)

Ausrufezeichen

Das Ausrufezeichen markiert einen besonders wichtigen oder dringenden Inhalt, auf den Sie verweisen können.

(Icon: info)

Information

Das Info-i weist auf eine besondere Information hin.

(Icon: xing)

Xing

Falls Sie eine Präsenz beim Business-Netzwerk Xing haben, können Sie diese mit der nebenstehenden Box bekannt machen.

LinkedIn

Falls Sie eine Präsenz beim Business-Netzwerk LinkedIn haben, können Sie diese mit der nebenstehenden Box bekannt machen.

Support vom Webteam

 

TIK - NFL - Webteam

Allmandring 30, 70550 Stuttgart

Zum Seitenanfang