Mercury Dokumentation

Link-Text Anzeige

Neben den grundsätzlichen Darstellungsmöglichkeiten als Aufzählungspunkte, Navigation, oder in einer Reihe kann bei einer Link-Sequenz auch die Anzeige der Link-Texte variiert werden.

Beispielsweise kann anstelle des Link-Texts nur ein Icon angezeigt werden. Geben Sie hierfür im Feld Text eines Links icon:name-des-icons ein.

Oder es kann ein Icon und ein Text angezeigt werden. Geben Sie hierfür im Feld Text folgendes ein: Ihr Text||icon:name-des-icons. Die Zeichenfolge || trennt den Text von der Icon-Auswahl.

Die Optionen für die Link-Text Anzeige sind immer in das Feld Text im Link-Sequenz Inhalt einzugeben. Jede Option beginnt mit einer bestimmten Zeichenfolge wie z.B. 'icon:'. Mehrere Optionen werden durch die Zeichenfolge || getrennt.

  • icon:name-des-icons - Zeigt das ausgewählte Icon vor dem Text an. Liste der möglichen Icons.
  • icon-last:name-des-icons - Zeigt das ausgewählte Icon nach dem Text an.
  • image:pfad-zum-bild - Zeigt das ausgewählte Bild vor dem Text an. Die Größe des Bildes wird so angepasst, dass sie der Texthöhe entspricht. Diese Option ist vor allem dafür gedacht, um individuelle SVG-Grafiken wie Logos oder spezielle Icons in der Link-Sequenz anzuzeigen.
  • title:Text für den Titel - Hinterlegt den angegeben Text als HTML 'title' Attribut für den erzeugten Link. Dies kann z.B. zum Optimieren der Barrierefreiheit verwendet werden. Dies ist eine Experten-Option. 
  • class:name-css-selektor(en) - Fügt den bzw. die angegeben CSS Selektoren dem HTML des erzeugten Links hinzu. Dies kann z.B. für besondere Formatierungen über ein eigenes CSS Style Sheet verwendet werden. Dies ist eine Experten-Option. 
  • id:bezeichnung - Fügt die angegebene Bezeichnung als ID Attribut dem HTML des erzeugten Links zu. Dies kann z.B. für besondere Formatierungen über ein eigenes CSS Style Sheet verwendet werden. Dies ist eine Experten-Option.

Wenn keine bekannte Zeichenfolge für Sonderausgaben wie z.B. 'icon:' am Anfang steht, wird der Text direkt ausgegeben.

Ein Beispiel für eine Eingabe mit diversen Optionen:

Text, Icon und Titel||icon:thumbs-o-up||title:Das ist der Titel