[sonic1978]

hallo zusammen ich möchte gerne in meinem board diesen hovereffekt erzeugen wie in diesem forum.

http://forum.perfect-purple.com/

und zwar wenn mann über die einzelnen foren mit der maus geht wechselt die farbe von lila zu dunkellila.

welchen css code muss ich dafür verwenden?

grüssle

[Olaf_A]

Dafür reicht es nicht, die CSS Daten zu ändern, es muss auch ein Script eingebaut werden.

Der Hovereffect wird folgendermaßen erzeugt:

Code:

<tr  onmouseover="over(this);" onmouseout="out(this);">

In der Global CSS muß folgendes rein:

Code:

.over {
    background: #330040;
}

.out {
    background: #440055;
}

Im headerinclude Template (Templates ohne Gruppe) muß man folgende Funktion einbauen.

Code:

function over(elem) {
    tds = elem.getElementsByTagName('td');
    for(i=0;i<tds.length;i++) {
        tds[i].style.background = '#330040';
    }
}

function out(elem) {  
    tds = elem.getElementsByTagName('td');
    for(i=0;i<tds.length;i++) {
        tds[i].style.background = '#440055';
    }
}

Die Farben müssen natürlich angepasst werden. Ich habe diese bewusst so belassen, damit du die Unterschiede nachvollziehen kannst.

MfG Olaf

[Jockl]

Prinzipiell lässt sich so ein Effekt aber auch ohne Javascript realisieren.
Siehe: https://www.mybb.de/forum/thread-8992-po...l#pid65995

[Olaf_A]

Sicher Jockl, nur besteht dieser Code auch diese Tests:

http://jigsaw.w3.org/css-validator/

http://www.totalvalidator.com/validator/ValidatorForm

http://www.validome.org/

Genau aus diesen Grund haben wir auf Java gesetzt. So schön sich das ganze auch relativ einfach per CSS umsetzen liese, es besteht keine dieser Prüfungen.

MfG Olaf

[StefanT]

Wie kommst du darauf? Auch die CSS-Lösung ist valide.