Hier geht es darum, mithilfe von Javascript ein individuell farblich angepasstes Fenster zu erschaffen, das erscheint, wenn man über einen Link, ein Bild oder ein Wort drüberfährt. Da es Javascript ist, funktioniert das nicht bei Leuten, die JS deaktiviert haben.

Zunächst kommen wir zu einem Beispiel: klick (über die Links in der Navigation fahren)

Wenn nun Interesse besteht, braucht man zuerst die Datei overlib.js, die ihr hier findet.

Wenn man diese Datei nun öffnet, findet man recht weit am Anfang einen Teil, den man konfigurieren kann (ich beschränke mich jetzt mal auf das wichtige, mit dem Rest kann man experimentieren):

if (typeof ol_fgcolor=='undefined') var ol_fgcolor="#FE94DD"; //
if (typeof ol_bgcolor=='undefined') var ol_bgcolor="#b0cae4"; //Hintergrundfarbe
if (typeof ol_textcolor=='undefined') var ol_textcolor="#000000"; //Textfarbe
if (typeof ol_capcolor=='undefined') var ol_capcolor="#FE94DD";
if (typeof ol_closecolor=='undefined') var ol_closecolor="#b0cae4"; //Farbe beim Schließen
if (typeof ol_textfont=='undefined') var ol_textfont="Verdana"; //Schriftart im Text
if (typeof ol_captionfont=='undefined') var ol_captionfont="Verdana"; //Schriftart
if (typeof ol_closefont=='undefined') var ol_closefont="Verdana"; //Schriftart beim Schließen
if (typeof ol_textsize=='undefined') var ol_textsize="1"; //Textgröße

Im Prinzip würde ich sagen: Probiert aus und passt es so an, wie es euch gefällt.

Damit kommen wir zum Einbau in die html-Datei:

Es gibt verschiedene Möglichkeiten, Overlib einzubauen, z.B. über Bilder (in einem Kalender) oder über kursive, unterstrichene und fette Texte. Sicher gibt es auch noch Varianten (die man probieren kann), aber die oberen Varianten sind wohl die Häufigsten.

<b onmouseover="return overlib('TEXT');" onmouseout="nd(); return true;">TEXT</b>

das wäre z.B. der allgemeine Code für Text innerhalb der b-Tags, die für fette Texte stehen. Dort, wo zum ersten Mal TEXT steht, könnt ihr den Text im Overlib eingeben. Ggf. auch html benutzen, wie im Beispiel die h1-Tags (Überschrift). Auf keinen Fall dürft ihr Anführungszeichen benutzen.

Allgemein nutzt ihr die gewöhnlichen Codes und fügt dann den Teil onmouseover bis return true hinzu, damit Overlib stattfindet.

Die Javascript-Datei muss natürlich auch ins Script eingebaut werden:

<script src="overlib.js" type="text/javascript"></script>

Diesen Code fügt ihr dann im Header der html-Datei ein, damit das Script auch ausgeführt wird (die js-Datei müsst ihr natürlich auch im selben Ordner dann hochladen).

Bei Fragen PN.