Dynamische Hyperlinks
Dynamische Hyperlinks ändern ihr Aussehen, sobald man mit dem Cursor über den betreffenden Hyperlink hinwegfährt.
Beispiel: Dynamic Link
Um einen Dynamic Link zu erzeugen ist etwas Quellcode notwendig.
Für die dynamische Darstellung des obigen Links wird folgender Quellcode im <head> Bereich der .htm Datei eingefügt:
<style>a:hover
{color: red; font-weight: bold; font-size: 150%; font-style: italic; font-family:
courier; text-decoration: none; cursor: help }</style>
a:hover
gibt an, dass die nachfolgenden Anweisungen beim Überfahren eines
Links stattfinden sollen.
color: red
bewirkt, dass die Schriftfarbe in Rot wechselt.
(Farbeinstellungen siehe Farbtabelle)
font-weight: bold
bewirkt, dass die Schrift Fett dargestellt wird
font-size: 150%
bewirkt, dass die Schriftgröße um 50% größer
erscheint als die festgelegte Standardgröße
font-style: italic
bewirkt, dass Schrift kursiv dargestellt wird
font-family: courier
bewirkt, dass die Schriftart auf Courier gewechselt wird
text-decoration: none
bewirkt, dass der Hyperlinktext nicht
unterstrichen wird
cursor: help
bewirkt, dass anstatt der Hand die bei
Hyperlinks als Cursor angezeigt wird, das Hilfezeichen verwendet wird.
Folgende Einstellungen für cursor sind möglich:
auto
= automatischer Cursor (Normaleinstellung)
default
= Plattformunabhängiger Standard-Cursor
crosshair
= Form eines einfachen Fadenkreuzes
pointer
= Form eines Zeigers
move
= Form eines Kreuzes (signalisiert Fähigkeit zum Bewegen des
Elements)
n-resize
= Form eines Pfeils, der nach oben zeigt
ne-resize
= Form eines Pfeils, der nach rechts oben zeigt
e-resize
= Form eines Pfeils, der nach rechts zeigt
se-resize
= Form eines Pfeils, der nach rechts unten zeigt
s-resize
= Form eins Pfeils, der nach unten zeigt
sw-resize
= Form eines Pfeils, der nach links unten zeigt
w-resize
= Form eines Pfeils, der nach links zeigt
nw-resize
= Form eines Pfeils, der nach links oben zeigt
text
= Form, die normalen Text symbolisiert.
wait
= Cursor in Form eines Symbols, das einen Wartezustand
signalisiert.
help
= Form des Symbols Hilfe
url([Datei])
= Beliebiger Cursor anhand einer [Datei] (.gif oder .jpg
Grafik)
Die einzelnen Anweisungen innerhalb des <style>
Tags
müssen durch ein Semikolon und
eine Freitaste voneinander getrennt werden.
Beim Festlegen des Aussehens von Dynamischen Hyperlinks sind noch einige weitere Einstellungen möglich. Diese hier alle darzustellen und zu behandeln würde den Rahmen dieser Tipp Sammlung sprengen und gehört wohl eher in eine Abhandlung über Dynamic HTML oder Cascading Stylesheet.