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
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
Wie kommst du darauf? Auch die CSS-Lösung ist valide.