Hallo zusammen,
wenn ich mit dem MAGIX Web-Designer Premium 10 ein Drop-Downmenü über die interne Funktion erzeuge ist der Text immer Linksbündig!
Gibt es eine Möglichkeit den Text auch mittig einzustellen?
Vielen Dank und viele Grüße
Christos
Hallo Christos,
nur mit den Mitteln des WD ist das nicht machbar; heißt : du müsstest Codeänderungen nach der Veröffentlichung vornehmen. Das kann man machen, hat aber den Nachteil, dass bei jeder Änderung an deinen Websites und erneutes Veröfflichungen dieser per Hand geänderte Code wieder geändert werden muss.
Wenn deine Seiten sich nicht so oft ändern, ist das vielleicht kein Problem.
Wenn du oft Änderungen vornimmst, ist es vielleicht besser wenn du einen anderen Ansatz wählst.
Hierzu muss das Menü,dass nach unten aufgehen soll, als extra Navileiste angelegt werden. Diese Navigationsleiste müsste entweder mit "Gruppen auflösen" komplett auseinander genommen und später wieder zusammengesetzt werden, oder du machst die Buttons gleich selbst ohne eine Designvorlage zu nehmen. Diese Leiste würde als neue Seite in deinem Projekt angelegt und dann per Platzhalter eingebunden.
Klingt komplizierter als es ist.
Welcher Weg gefällt dir besser?
Gruß Martina
Hallo Martina,
vielen Dank erst Mal.
Die Variante mit die Buttons selber machen und dann einbinden klingt hierbei am vernünfitigsten - wobei beide Alternativen interessant wären.
Kannst Du mir evtl. anhand eines Beispiels mal zeigen wie ich beide Varianten (Extra Leiste & Eigene Buttons) einsetzen kann?
Ich habe erst vor kurzem angefangen mit WD zu arbeiten und bin noch ein wenig unbeholfen.
Vielen Dank und viele Grüße
Christos
Hallo Christos,
hier mit schneller Nadel eine Kurzanleitung. Den Feinschliff bekommst du sicher selbst hin. Ansonsten bitte nochmal fragen!
1. Button aus Rechteck und Schrift in MouseOff erstellen -> gruppieren. Mit STRG+ C in den Arbeitsspeicher und die MouseOver-Ebene markieren. --> an Position einfügen.
Nun die MouseOver-Änderungen wie gewünscht vornehmen; hier die Schrift in Rot geändert.
2. Beide Gruppen nun markieren --> weiche Gruppe bilden
3. Kontrolle des gemachten siehe unten links im WDfenster:
4. Neue Seite anlegen und dort das Untermenü erstellen. Gleiches Vorgehen wie oben; allerdings ist der Text hier linksbündig gesetzt.
Mit dem impementierten WD-Navigationsmenü kann man hier nicht weiterarbeiten, weil dort in den Grundeinstellungen keine Formatierung des Textes auf links möglich ist. Deswegen der Umweg mit dem Platzhalter des Untermenüs, den wir jetzt fertig stellen.
Das Untermenü so erstellen, wie du es magst. Du bist hier absolut frei. Jeder Button ist wieder gruppiert.
Nun bitte die Seite auf genau diese Buttons verkleinern. Das geht ganz einfach mit der Maus und den angezeigten Linien - einfach ziehen.
Wenn du das gemacht hast, dann markierst du bitte diese ganze Seite direkt neben der kleinen Bildvorschau (die aufgeklappten Mouse-Ebenen schließen sich). Dann wählst du Webeigenschaften -> Seite -> html-Code des Body:
_____________________________________
<style type="text/css">
html,body { background-color: transparent; }
</style>
_____________________________________
Dies sorgt für eine schönere transparente Darstellung des kleinen Untermenüs.
5. Nun werden beide Seiten zusammengeführt.
Die erste Seite wird wieder markiert (siehe das folgende Foto). Dort wird eine neue Ebene erstellt, die über der MouseOver-Ebene liegt und hier den Namen PopUpMenue trägt.
Dort hinein wird ein Rechteck gezeichnet, welches dann die Untermenüs anzeigen soll. Hierzu wird folgender Code eingegeben:
_____________________________________
<style type="text/css">
#navbar {position: fixed; left: 0px; top: 100px;}
</style>
<div id="navbar">
<iframe width= "120px" height="400px" allowtransparency="true" scrolling="no" frameborder="0" src="navmenue.htm" style="display: block;" align="left"></iframe>
</div>
______________________________________
Hier ein Bild dieses Arbeitsschrittes:
An allen roten Stellen kann nun rumgespielt werden. Probiere einfach aus und schau in der Vorschau, was passiert. Die Werte width und heigt stehen natürlich für die Größe und Breite des Platzhalters bzw des Untermenüs.
Das orange-unterlegte Feld beinhaltet den Namen der neuen zweiten angelegten Seite.
Hier noch ein Schlussbild, bei dem der Feinschliff auch noch nicht gemacht ist. Der Versatz hier erklärt sich durch unglückliche Werte im Code. Dies wäre zu korrigieren mit left= .
Ich hoffe, du kommst mit dieser Kurzanleitung klar. Gruß Martina
Hallo Martina,
puhh, dass sieht nach Arbeit aus ;-)
Vielen Dank erstmal, ich werde dies mal ausprobieren und berichten.
Danke und Gruß
Christos