+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Hovereffekt (/thread-23211.html)
Hovereffekt - sonic1978 - 06.03.2011
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
RE: Hovereffekt - Olaf_A - 06.03.2011
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
RE: Hovereffekt - Jockl - 06.03.2011
Prinzipiell lässt sich so ein Effekt aber auch ohne Javascript realisieren.
Siehe: https://www.mybb.de/forum/thread-8992-post-65995.html#pid65995
RE: Hovereffekt - Olaf_A - 06.03.2011
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
RE: Hovereffekt - StefanT - 06.03.2011
Wie kommst du darauf? Auch die CSS-Lösung ist valide.