Site-Navigation - Menütitel mit Zeilenumbruch

fuerteventura-2007 schrieb am 03.02.2014 um 12:01 Uhr

Hallo zusammen,

ich möchte ein Menü mit zweizeilgen Menü-Titeln erstellen, benötige also einen Zeilenumbruch. Natürlich kann ich mir selbst ein Menü basteln und dies auf alle Seiten kopieren, aber ich würde gern die Site-Navigation von Web-Designer benutzen.

Hat jemand eine pfiffige Idee, wie ich das umsetzen könnte?
Ich verwende Magix Web Designer Premium 9.

Vielen Dank im Voraus und beste Grüße,
Michael

Kommentare

marboe schrieb am 03.02.2014 um 12:57 Uhr

Hallo Michael.

meinst du so ? 

Gruß Martina

fuerteventura-2007 schrieb am 03.02.2014 um 18:08 Uhr

Hallo Martina,

ja, genau! Die Schrift noch zentriert ausgerichtet und mit geringerem Zeilenabstand - aber das sind Feinheiten!

Verrätst Du mir, wie Du das gemacht hast?

Viele Grüße,
Michael

marboe schrieb am 03.02.2014 um 19:19 Uhr

... ja klar. kommt...

marboe schrieb am 03.02.2014 um 19:47 Uhr

Hallo fuerteventura-2007,

hier die Kurzanleitung. Du erstellst einen Button einfach per Handarbeit und lässt dann den WD eine Navigationsleiste daraus erstellen.

1. Rechteck und Schrift in MouseOff erzeugen; dabei eine Textzeile erstellen. Hier ist die Länge der Zeile ausschlaggebend. Da musst du ein bisschen experimentieren - je nach gewünschter Buttonbeschriftung. Du kannst jederzeit hier Leerzeichen nutzen um zum Umbruch zu gelangen. Wenn du aber zuviele einfügst, kommt es nachher zu einem versetzten Button. Einfach mal rumspielen. Das kriegst du je nach Wortlänge sicher raus .

2. Beides gruppieren und mit STRG+C in den Arbeitsspeicher

3. MouseOver aktivieren, an Position einfügen

4. zum Beispiel den Text in MouseOver umfärben (hier von rot auf gelb)

5. Nun beide Gruppen per STRG anklicken und daraus eine weiche Gruppe  machen

6. Nun brauchst du nur noch die MouseOff-Ebene aktivieren und ein Rechteck über alles ziehen (Anzeige: zwei Gruppen (weiche Gruppe) auf zwei Ebenen). Nun per Rechtsklick eine Navileiste erstellen lassen.

Das war es schon.

Alternative wenn du mit dem Zeilenumbruch bei deinen Beschriftungen aufgrund großer unterschiedlicher Länge der Namen nicht klarkommen solltest:

Erstelle aus jeder Beschriftung ein kleines Bild. Jeweils für die MouseOff und die MouseOver-Ebene. Dann folge diesem Tutorial. Damit klappt es auch; ist aber mehr Arbeit. Gruß Martina

fuerteventura-2007 schrieb am 05.02.2014 um 11:08 Uhr

Hallo Martina,

vielen Dank für Deine Anleitung. Sie funktioniert !

Wie Du schon geschrieben hast ist das Arbeiten mit Leerzeichen (um den Umbruch herbeizufügen) ein bisschen frickelig und die Ergebnisse nicht unbedingt perfekt.

ABER:
Dabei ist mir aufgefallen, dass Web-Designer durchaus das Editieren des Textes direkt in der Navigationsleiste zulässt!

  • Textwerkzeug benutzen
  • Text markieren
  • weichen Zeilenumbruch einfügen
  • fertig!

Dank der weichen Gruppierung in der Navigationsleiste wird der Text auf beiden Ebenen umgebrochen. Schick.

Einziger Schönheitsfehler ist nun noch, dass die Menü-Titel horizontal oben ausgerichtet sind und nicht zentriert.

Deine Alternative habe ich nicht ganz verstanden... . Im Beispiel ist ja das Bild für jedes Menü gleich. Denke ich da falsch???

Viele Grüße
Michael 

marboe schrieb am 05.02.2014 um 11:20 Uhr

Hallo Fuerteventura, ja da hast du recht. Da habe ich zu kurz gedacht. Du müsstest also jede Menge kleiner Bilder machen und die damit erzeugten Buttons dann per Hand“auf allen Seiten wiederholen“. damit entfällt die Nutzung der Funktion Navigationsleiste.  vielleicht ist das trotzdem eine machbar Lösung für dich, weil du optisch halt mehr machen kannst. Gruß Martina

fuerteventura-2007 schrieb am 05.02.2014 um 11:41 Uhr

Hallo Martina,

kein Problem!

Auf die Nutzung der Navigationsleiste würde ich nur im äußersten Notfall verzichten. Deshalb fand ich es ziemlich cool, dass man den Text in der Navigationsleiste editieren kann. Das wusste ich vorher nicht...

Gruß
Michael