Linkfarbe bei Mouseover


Falls sich mal Jemand gefragt hat, wie so etwas
funktioniert, habe ich hier eine Erklärung
Das Ganze wird mit einem CSS-Code realisiert, der
im HEADER des HTML-Dokuments steht:
<STYLE>
A:link {color="#80ffff";text-decoration: none;}
A:visited {color="#8080C0";text-decoration: none;}
A:hover {color="#FF8040";text-decoration:
underline;font-weight: bold;}
</STYLE>


Testlink

Textfarbe und Decoration kann man natürlich ändern.
Z.B. den Unterstrich weglassen (underline) oder einen Überstrich
(overline) hinzufügen.
Hinweis:
Die einfachste Lösung ist aber ein externes Stylesheet für
alle HTML-Dateien Ihrer Homepage zu schreiben.
So lassen sich alle Tags bequem stylen.
Das könnte dann etwa so aussehen:
BODY {
  background-color : #fff979;
  color : black;
  font-size : 14px;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  scrollbar-arrow-color : red;
  scrollbar-highlight-color : yellow;
  border-bottom : 2px solid yellow;
  border-right : 2px solid yellow; }

span {
  background-color : #ff99ff; }

H1,H2 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 22px;
  color : #000099; }

HR {
  size : 1px;
  color : #000099;

H3,H4 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 18px;
  color : #000099; }

I {
  font-style: italic;
  font-weight : bold;
  text-decoration : none;
  font-size : 14px; }

P,OL,UL,DD,LI {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  line-height : 130%;
  font-size : 14px;
  font-weight: bold; }

TD,TR {
  font-family : Arial,Helvetica,sans-serif;
  font-size : 14px; }

CODE {
  font-family : Courier,Courier New,monospace ;
  color : #666666;
  background-color : #F4F4E4; }

A:link {
  color : #000080;
  font-weight: bold;
  font-size : 14px;
  text-decoration: overline; }
A:visited {
  color : #9999FF;
  font-weight: bold;
  font-size : 14px;
  text-decoration: none; }
A:hover {
  color: #008000;
  font-weight: bold;
  font-size : 14px;
  text-decoration: underline; }
A:active {
  color: #000080;
  text-decoration: underline; }


So eine Datei läßt sich leicht in jeden Texteditor erstellen.
Die Datei-Endung dann in css umbenennen und in einem
Ordner Ihrer Homepage abspeichern. Z.B. in styles.
Aufgerufen wird das Ganze dann mit dieser Zeile im
Head Bereich Ihrer HTML-Dateien:
<link rel="STYLESHEET" href="styles/meinstyle.css" type="text/css">

Noch mehr Erläuterungen und Beispiele für CSS gibt es hier