Lexi Help
Partner
www.forumieren.com

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von SecretWolf am Mi 7 Aug 2013 - 15:06

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 Smile

Danke im Vorraus
SecretWolf


Zuletzt von SecretWolf am Mi 7 Aug 2013 - 19:55 bearbeitet, insgesamt 1 mal bearbeitet

SecretWolf
Neuling
Neuling

Beiträge : 22
Anmeldedatum : 26.05.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am Mi 7 Aug 2013 - 16:56

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von SecretWolf am Mi 7 Aug 2013 - 19:46

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

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

SecretWolf
Neuling
Neuling

Beiträge : 22
Anmeldedatum : 26.05.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von #Frank am Mi 7 Aug 2013 - 20:06

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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten