MainMenu Text durch Icons & Tooltips ersetzen

xZnG · November 29, 2012 at 9:35 PM

Hallo Liebe Woltlab-Community!

Ich arbeite derzeit an einem Wbb stil fürs WBB 2.1.X.
Jetzt habe ich gesehen, dass man das Hauptmenü durch Bilder & Tooltips ersetzen kann.
Wie macht man das?
Hier ein beispiel, wie ich das meine.

Danke im Voraus!

Mit freundlichen Grüßen,
xZnG

Latino · November 29, 2012 at 9:58 PM

CSS

#mainMenuItem1 {
    background-image: url("Pfad zum Bild");
}




#mainMenuItem2 {
    background-image: url("Pfad zum Bild");
}

usw usw

Black Rider · November 29, 2012 at 10:00 PM

Da fehlt noch jeweils ein "a" nach der ID, weil das Hintergrundbild, das du dem Listenelement zuordnest, überdeckt wird.

xZnG · November 29, 2012 at 10:01 PM

DANKE!

Wie lange hab ich das schon gesucht...

xZnG · November 29, 2012 at 10:04 PM

Jetzt noch ne kleine Frage: Wie mach ich das, dass da Forum(ein Bild) angezeigt wird wenn man mit der Maus darüber ist?(onMouseover)

Garma · November 29, 2012 at 10:08 PM

Das geht mit dem Selektor :hover.

Latino · November 29, 2012 at 10:08 PM

meinst du

CSS

#mainMenuItem1  a:hover {
    background-image: url("Pfad zum Bild");
}




#mainMenuItem2 a:hover {
    background-image: url("Pfad zum Bild");
}

MainMenu Text durch Icons & Tooltips ersetzen

Participate now!

Users Viewing This Thread