[phpBB2] "Wer ist Online"-Bild hovern

Hallo alle zusammen.

Nun, ich habe mir überlegt ob es möglich ist die "Wer ist Online"-Anzeige bzw vielmehr das Bild zu hovern, also bei mouseover ein anderes Bild anzeigen zu lassen. Ich bin auf den Gedanken gekommen, dass es ähnlich funktionieren muss wie das hovern des headers/Logos, nur weiß ich nicht welchen Befehl ich für das Bild der Wer ist Online Anzeige brauche (Beim Header ist es ja "#1_logo [...]" ). Ich hab in den Templates bisschen gesucht und es mit den dortigen befehlen #L_ONLINE_IMG  und #1_whosonline (einfach nur um es mal zu probieren xD) versucht aber es hat nicht funktioniert.

Auf der Suche im Internet und in der Suchfunktion hier, fand ich nichts und ich hab es auch noch nie in einem Forum gesehen, daher die Frage: Geht das überhaupt und wenn ja, wie?

Danke schonmal

Liebe Grüße

Gibt es einen Testaccount bei dir im Forum?
Wenn ja, kannst du mir die Daten dazu mal zusenden?
Wenn nicht, dann musst du bitte deinen Wer ist Online Anzeige mal für Gäste anzeigen lassen.
Ich müsste mal sehen, wie die Class des Bildes ist.
Könntest du übrigens auch selber finden, wen du mal Firebug benutzen würdest.

Nein, ich habe keinen Test oder Gastacc. hab das Bild aber mal reingemacht, das andere ist nat. genauso groß. (ich hoffe, das ist was du meintest ^^')

Zu dem Class, muss leider sagen, hab keine Ahnung was das ist o.o bzw ich benutze auch kein Firebug, CSS schreibe ich eher selten bzw dann direkt im Stylesheet und HTML schrieb ich über einen HTML Editor, bzw joa hab's bisher noch net gebraucht...

Die Class ist:
#i_whosonline
und
#i_whosonline :hover

Kannst du da was mit anfangen?

Danke, hab es jetzt mal so ausprobiert ins CSS-Stylesheet einzutragen:

Code:


#i_whosonline {
  background-image: url (http://abload.de/img/weristonline2lnxsd.png);
  height: 350px;
  width: 300px;
           }

#i_whosonline :hover {
  background-image: url (http://abload.de/img/weristonline36z3v.png);
  height: 350px;
  width: 300px;
           }

Aber er zeigt es nicht an, was habe ich falsch gemacht?

Da fehlt etwas. Ersetze es mal hierdurch:

Code:

    #i_whosonline {
      background-image: url ("http://abload.de/img/weristonline2lnxsd.png");
      height: 350px;
      width: 300px;
              }

    #i_whosonline :hover {
      background-image: url ("http://abload.de/img/weristonline36z3v.png");
      height: 350px;
      width: 300px;
              }

Setz das bitte mal so ein und dann sehen wir weiter.

Achso, die "..."

Hmm, nein hat nichts geändert Also hab's jetzt genau so eingesetzt

Zwischen der url und der ( ist noch ein Leerzeichen. Entferne das bitte noch mal.

Code:

       #i_whosonline {
          background-image: url("http://abload.de/img/weristonline2lnxsd.png");
          height: 350px;
          width: 300px;
                  }

        #i_whosonline :hover {
          background-image: url("http://abload.de/img/weristonline36z3v.png");
          height: 350px;
          width: 300px;
                  }

Hab die Leerzeichen entfernt, ebenso das vor dem :hover

sieht jtz so aus:

Code:

      #i_whosonline {
          background-image: url("http://abload.de/img/weristonline2lnxsd.png");
          height: 350px;
          width: 300px;
                  }

        #i_whosonline:hover {
          background-image: url("http://abload.de/img/weristonline36z3v.png");
          height: 350px;
          width: 300px;
                  }

das erste bild wird angezeigt, aber das hover-bild erscheint nicht

EDIT: Hab's, zwischen den beiden war noch ein Absatz leer, Code sieht wie folgt aus:

Code:

      #i_whosonline {
          background-image: url("http://abload.de/img/weristonline2lnxsd.png");
          height: 350px;
          width: 300px;
                  }
        #i_whosonline:hover {
          background-image: url("http://abload.de/img/weristonline36z3v.png");
          height: 350px;
          width: 300px;
                  }

Vielen lieben Dank dir

Stimmt, das Leerzeichen bei Hover war auch noch zu viel.
Aber der Absatz hat darauf keinen Einfluss.
Aber gut. Nun haben wir es ja doch noch hin bekommen.
Schönen Abend noch.