Grafische Navigation möglich?

Hallo liebe Community,

wie der Name des Titels es schon sagt, würde ich gern wissen ob grafische Navigationen möglich sind.
Zudem mit Hover-Effekt und auch wenn möglich mit Einem Effekt für die grad aktive Seite.

Ich habe das ganze schon für eine normale Seite umgesetzt und möchte mein Design nun für Wordpress machen. Nur bei dem Schritt hänge ich jetzt erstmal.

So sollte das im Endeffekt aussehen.


Nur da der Inhalt ja dynamisch ist weiß ich bei meinem momentanen Menü nicht wie ich das verlinken soll.

Hier mal mein Html-Teil:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

und hier der Css-Teil:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Über Hilfe würde ich mich sehr freuen.
Ich bin erst neu bei Wordpress und bei Html/Css auch noch kein Profi.
Deshalb würde ich mich über eine gute Erklärung freuen.

Mit freundlichem Gruß
Xperia.X10

 

Ich danke dir schonmal für deine Bemühungen.
Ich denke keines der Tutorials ist für meine Navigation geeignet.

Denn meine Navigation soll diese 5 Seiten haben.
Doch da die Schrift im Bild ist, habe ich 2 Grafiken.
1 im Normalzustand und eine für Hover/Active für jeden Menüpunkt. Der Active Teil wie ich ihn vorher hatte funktioniert durch den dynamischen Content nicht mehr. Desweiteren bleibt das Problem auf was ich die Grafischen Buttons verlinken soll.

Mit freundlichem Gruß
Xperia

 

@thegrunt Hab ich noch nicht probiert. Melde mich aber dazu noch einmal.

@koslowski Ich habe mir durchaus deine Tutorials angeschaut.
Jedoch denke ich hast du das Problem nicht erkannt.
Jeder Button brauch denke ich mal eine eigene Grafik,
denn die Beschriftung auf den Buttons ist im Bild.

In meiner normalen Website funktioniert die Navigation ja ohne Probleme.
Nur ich kann ja nicht auf xxx.html verlinken, da es diese ja nicht gibt.

 

@koslowski Dafür habe ich auch Verständnis, dass kann durchaus sein das ich es vielleicht zu schlecht beschrieben habe. Dennoch habe ich deine vorherigen Posts verstanden.

Wie gesagt bin in Wordpress absoluter Anfänger. Doch wenn ich ein Menü über das Backend mache, dann ist es doch nur in Textform und nicht als Grafik? Oder habe ich was übersehen?

Bzw. mein Problem ist was ich in der Html ändern muss, damit das mit WP funktioniert.
Vielleicht stehe ich einfach nur auf dem Schlauch

 

Okay hoffe nun das wir auf gleicher Linie nun sind.

Also die Hauptnavigation soll aus Grafiken wie auf meinem Bild zu sehen sein.
Und nicht so eine wie über das Backend in nur Textform.

Es muss glaube nicht unbedingt im Backend überhaupt gemacht werden.
Denn ich habe Ja schon feste Navigationspunkte
und es müssen keine beliebigen im Backend erstellt werden können.

Doch wenn man es nicht über das Backend macht und einfach die Navigation in der Header.php
hat, dann wäre die Frage welche Verlinkung ich den Buttons zuweisen muss um zu den gewünschten Seiten zu kommen. Denn diese werden ja im Backend erstellt, die verschiedenen Seiten.

Ich hoffe ich konnte das gut genug erklären.

 

Danke für deine Recherche. Ich werde mir deinen Link mal anschauen.

Ich hatte das geplant, um die Seite leichter zu verwalten.
Halt den Inhalt der Seite.

Jedoch habe ich ja eine feste Navigation, wo sich in der Navigation nie etwas ändern soll.
Also geht es halt wirklich nur um den Content.

An der Einarbeitung bin ich dran, lese momentan ein Buch über Wordpress.

Danke für deine bisherige Hilfe.

 

So Koslowski ich weiß gar nicht wie ich dir danken soll,
ich hab es noch nicht probiert, aber das sieht sehr gut aus.

Grafiken spare ich mir im Prinzip auch noch.
Ein großes Danke von mir.

Ich dachte schon das es nicht machbar wäre.

Wie gesagt lese ich grade noch ein ganzes Wordpress Buch
und bin nebenbei am Design.

Nur ich musste ja vorher wissen ob es umsetzbar ist und wie.
Das weiß ich nun dank dir.

Nun würde ich sagen ist das alles geklärt.
Falls ich doch noch einmal eine Frage dazu habe,
melde ich mich bei dir.

Wenn das in Ordnung ist.
Großes Danke!

Gruß
Xperia.X10