[phpBB2] NaviBar mit Grafiken einzeln hovern (CSS(!?))

Hallo ich bins mal wieder

Ich würde gerne in meinem Forum die Navibar-Buttons so einstellen, dass sie bei mousover eine andere Grafik darstellen, Ich habe auch schon die Suchfunktion verwendet und auch etwas gefunden und zwar HIER. Jedoch funktioniert dieser Code ja "nur" mit den Standart-Buttons, ich würde aber gerne eigene Grafiken/Buttons verwenden.

Den Code für das Hovern wüsste ich auch, die Sache ist nur, dass ich nicht genau weiß, wie ich das ganze so definiere, dass es eben noch als Navibar funktioniert (also mit der verlinkung an der richtigen Stelle und der Position) bzw überhaupt angezeigt wird.

Es soll dann so aussehen wie die NaviBar HIER also nicht ganz genau so, aber damit ihr wisst was ich genau meine ^^' Die NaviBar soll aber weiterhin unter dem Header bleiben und nicht an die Seite.

Ich habe auf meinem TESTFORUM bereits etwas rumprobiert, kam aber nicht dahinter... naja es wäre toll wenn mir jemand helfen würde

Danke im Vorraus
SecretWolf

Dann schau mal, was du in dein CSS eingetragen hast:

Code:

#i_icon_mini_index{background-image:url(http://abload.de/image.php?img=startseiteo.branchjguh6.png);height:50px;width:130px}#i_icon_mini_index:hover{background-image:url(http://abload.de/image.php?img=startseitebranchezupj.png);height:50px;width:130px}#i_icon_mini_new_message{background-image:url(http://abload.de/image.php?img=neuenachrichtobranchsqu88.png);height:50px;width:200px}#i_icon_mini_message:hover{background-image:url(http://abload.de/image.php?img=nachtichtenbranchy3ujt.png);height:50px;width:150px}#i_icon_mini_message{background-image:url(http://abload.de/image.php?img=nachtichtenobranchgmuzl.png);height:50px;width:150px}#i_icon_mini_register{background-image:url(http://abload.de/image.php?img=beitretenobranchamuil.png);height:50px;width:150px}#i_icon_mini_register:hover{background-image:url(http://abload.de/image.php?img=beitretenbranchawuri.png);height:50px;width:150px}#i_icon_mini_members{background-image:url(http://abload.de/image.php?img=wlfeobranchelu70.png);height:50px;width:90px}#i_icon_mini_members:hover{background-image:url(http://abload.de/image.php?img=wlfebranchnvu9w.png);height:50px;width:90px}#i_icon_mini_groups{background-image:url(http://abload.de/image.php?img=rudelgruppenobranchdjuki.png);height:50px;width:200px}#i_icon_mini_groups:hover{background-image:url(http://abload.de/image.php?img=rudelgruppenbranchtduv6.png);height:50px;width:200px}#i_icon_mini_profile{background-image:url(http://abload.de/image.php?img=profilobranchc3uc1.png);height:50px;width:90px}#i_icon_mini_profile:hover{background-image:url(http://abload.de/image.php?img=profilbranchsrusu.png);height:50px;width:90px}#i_icon_mini_login:hover{background-image:url(http://abload.de/image.php?img=einloggenbranchgkuki.png);height:50px;width:130px}#i_icon_mini_login{background-image:url(http://abload.de/image.php?img=einloggeno.branchg8uga.png);height:50px;width:130px}#i_icon_mini_logout{background-image:url(http://abload.de/image.php?img=eausloggenobranchoiutt.png);height:50px;width:130px}#i_icon_mini_logout:hover{background-image:url(http://abload.de/image.php?img=eausloggenbranch1cuhy.png);height:50px;width:130px}

Fällt dir da was auf? Nein?
Dann schau dir mal diesen Link an (klick mal darauf):
http://abload.de/image.php?img=startseiteo.branchjguh6.png
Das ist der Link zu der Seite von Abload.de wo dein Bild angezeigt wird.

Wenn du das Tuto richtig gelesen hättest, dann hättest du auch lesen sollen, das du den "Direktlink" nehmen musst:


Der Direktlink ist aber dieser:
http://abload.de/img/startseiteo.branchjguh6.png
Du musst alle deinen Links zu den Bildern durch den Direktlink zu den Bildern austauschen. Dann kappt es auch.
Wenn du dann auch noch hier:


Die Option "Ja" wählst, dann sollte alles so sein, wie du es haben möchtest.

Ohjee ich Blindfisch! Ich hab mich völlig verlesen ...

danke, ich werde es gleich mal versuchen sobald es funktioniert gebe ich nochmal kurz bescheid
EDIT: Also, lieben Dank für's beantworten in meiner Blödheit habe ich das völlig übersehen.
Damit ist das hier erledigt

Ich sehe, das es jetzt in deinem Testforum so wie gewünscht funktioniert und da du hier schon das Erledigt Icon gesetzt hast mache ich hier jetzt zu.