Menüpunkte unterschiedlich platzieren

Hallo!

Ich möchte auf meiner Seite s-h-design.de ein recht individuelles Menü erstellen. Diverse Versuche bisher sind leider gescheitert. Am Besten geht ihr einfach auf die Seite und schaut es euch an. Im Header erkennt man bereits, wo die Menüpunkte stehen sollen. Ziel ist es, aktive Menüpunkte in einer anderen Farbe darstellen zu lassen, die Schrift soll generiert werden und jeder Menüpunkt steht, wie ersichtlich, an einer anderen Stelle.

Die Navigation auf der rechten Seite unterhalb des Headers dient nur jetzt als Übergangslösung und soll danach entfallen.

Hat jemand eine Idee, wie ich das am besten anstellen kann? (Ich bin leider kein gelernter Medieninformatiker, also von daher bitte wenn's geht allgemeinverständlich formulieren - danke! 😉)

Bin gespannt!

Solltet ihr weitere Infos brauchen, einfach melden.

Hallo,

Ich würde es so versuchen:
Im TS die Menüpunkte mit Ihrer pid wrappen und dann per css positionieren.
z.B.:

...
lib.mainMenu.1.NO {
  allWrap.insertData=1
  allWrap = <li class=menu{field:uid} | </li>
...}

Das liefert dir für die Seite mit mit der Pid 22 folgenden html code:

<li class="menu22">...</li>

Und so kannst du per css jedes <li> absolut positionieren.