Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Hovereffekt
#1
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
Zitieren
#2
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
MfG Olaf

webBrett
Zitieren
#3
Prinzipiell lässt sich so ein Effekt aber auch ohne Javascript realisieren.
Siehe: https://www.mybb.de/forum/thread-8992-po...l#pid65995
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#4
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
MfG Olaf

webBrett
Zitieren
#5
Wie kommst du darauf? Auch die CSS-Lösung ist valide.
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Forenbeschreibung als MouseOver/Hovereffekt Kenny 2 2.482 27.05.2011, 18:32
Letzter Beitrag: Devidra