Links und Buttons

Nachfolgend einige Beispiele für Links und Buttons. Wir fügen etwas Text hinzu, damit es etwas realistischer aussieht. Wie immer lassen sich alle Formatierungen auch über die CSS-Dateien format.css und/oder gfls. menue.css ändern, zum Beispiel Farbe, Größe, Abstände usw. In diesen Beispielen sind die Farben auf dieses Template angepasst.

Allgemeine Links

Allgemeine Links kommen beliebig im Fließtext vor. Dies ist der Link Secundus (index2.html) und hier folgt der Link Quartus (index4.html). In liber nostro minimum usu, an quaeque adipisci per. Ius id dicam possim lucilius, ad unum graeco vim. Ex vis dicant vivendum disputationi, cu enim minim facilisi vel, sit ex officiis luptatum.

Extra Link mit Icon (Mehr Erfahren)

Hier haben wir den Link 'Mehr Erfahren' genannt und keine Link-Unterstreichung gegeben, dafür aber ein vorangestelltes Icon. Genauso gut könnte man diesen auch 'Weiter', 'Mehr', 'Weiterlesen' oder beliebig anders nennen. In liber nostro minimum usu, an quaeque adipisci per. Ius id dicam possim lucilius, ad unum graeco vim. Ex vis dicant vivendum disputationi, cu enim minim facilisi vel, sit ex officiis luptatum. Mehr Erfahren

Button mit Verlinkung

Auch hier ist es Ihre Sache, wie Sie den Button benennen. Hier haben wir mal 'Foto-Galerie' darauf geschrieben und verlinken zu unserer Lightbox-Gallery. In liber nostro minimum usu, an quaeque adipisci per. Ius id dicam possim lucilius, ad unum graeco vim. Ex vis dicant vivendum disputationi, cu enim minim facilisi vel, sit ex officiis luptatum.

Verlinkungen per Liste

Liste mit Verlinkung

Wenn mehrere Links nebeneinander oder untereinander stehen, bietet sich eine Formatierung per HTML-Liste an, welche durch CSS unterstützt wird. Nachfolgend eine Liste mit dem Aufzählungszeichen 'Square'.

Liste + Icons mit Verlinkung

Statt ein Standard-Aufzählungszeichen zu verwenden, nehmen wir in nachstehendem Beispiel ein Icon der in diesem Template benutzten Icon-Schrift Fontawesome. Auch dieses Icon kann farblich, grössenmässig o.ä. angepasst werden oder durch ein anderes Icon ersetzt werden. Hier im Beispiel haben wir dem Link eine Linkunterstreichung gegeben.