Breadcrumbs 4.5.1

Thomas - USActive · 11.10.2004, 16:40

Howdy,
vielleicht seh ich ja den Wald vor lauter Bäumen nicht. Ich möchte mit Vers. 4.5.1 ein vertikales Menu erstellen, das ungefähr folgende Struktur aufweist:

Bundesstaaten
|___Alabama
| |__Citys
| |__Outlets
|
|___Alaska
....

Dabei sollen nur die Untermenus sichtbar sein, dessen Muttermenu angeklickt wurde. Ist das mit Bordmitteln zu realisieren, oder muß ich auf eine entsprechende Komponente (oder Modul) hoffen?

Airhead · 12.10.2004, 10:24

Hi,
vorausgesetzt die Content der einzelnen Ziele stehen, dann kannst du beim anlegen eines neuen Links im Menue dem Link sagen 'unter' welchem er zu stehen hat.
Bei "Parent Item" öffnet sich ein Pulldown-Menu mit den schon vorhandenen Links, dort dann den übergeordneten Link wählen.

Gruß, Airhead

hudeldudel99 · 12.10.2004, 13:26

@airhead: Hast Du die Grafiken dazu zum Laufen bekommen? Bei mir schreibt er den Menü-Text hinter die Grafik. Sieht doof aus.

Thomas - USActive · 12.10.2004, 20:26

Howdy,
danke für den Tip. Das ist ja doch recht einfach, nur fehlt bei den "Unterlinks" der Hintergrund. Außerdem scheint irgendeine Grafik (rotes X) nicht gefunden zu werden.
Noch eine Idee?

hudeldudel99 · 12.10.2004, 21:23

Er findet das indent1.png nicht.

Das kannst Du einstellen

modules-> Site Modules-> edit main Menu
dann in parameter von main menu bei 'Indent Image' Mambo Default Images gehen und die Indent1.png usw. auswählen.

Nur ist das reichlich unbefriedigend (siehe mein Thread dazu in Templates). Erst kommt die Grafik und dann der Text. Sieht doof aus, warum geht die Schrift nicht über die Grafik??

Airhead · 12.10.2004, 21:46

Quote:

Originally Posted by hudeldudel99

Er findet das indent1.png nicht.

Das kannst Du einstellen

modules-> Site Modules-> edit main Menu
dann in parameter von main menu bei 'Indent Image' Mambo Default Images gehen und die Indent1.png usw. auswählen.

Nur ist das reichlich unbefriedigend (siehe mein Thread dazu in Templates). Erst kommt die Grafik und dann der Text. Sieht doof aus, warum geht die Schrift nicht über die Grafik??

Hi hubbel,

ich bin natürlich kein Spezialist und auch Mambonovize, aber ich denke, wenn du das Bild als background-url in der CSS lädst, dann ist auch der Text drüber. Das Bild sollte natürlich vorhanden sein.
Ich hoffe ich habe deine Frage richtig verstanden.

Sowas ähnliche habe ich in meiner Navigation auch gebaut, nur als hover-Effekt guggst du hier.

Gruß,
Airhead

hudeldudel99 · 12.10.2004, 23:26

Also der Ansatz mit der css-Modifikation war schon richtig.

Aber ganz so einfach ist das wieder nicht - der Hintergrund wird wie der Text eingerückt, die Schriftfarbe muss geändert werden und auch die Grafik wird runterskaliert.

Also irgendwie finde ich es halt schade, dass eine vernünftige Einrücking nicht von Anfang an eingebaut wurde.

Ich habe spaßeshalber ein paar von den Konze-GPL-Designs ausprobiert, aber auch die sind anscheinend nicht auf das indent-Problem eingerichtet.

Irgendwie ist das alles halbgar. Vielleicht finde ich ja noch ein Menü-Modul, das man dafür einsetzen kann. Vertikale Menüs fliegen einige rum, aber an etwas so simplen wie einem eingerückten Menüpunkt scheints zu hapern.

Airhead · 12.10.2004, 23:42

Hi,
mach doch einfach ein zweites Bild, was vorne den Abstand und die Farbe des normalen Hintergrundes hat. Dann dem Link ein eigenes css zuweisen (z.B. -sup) und in dem die Grafik mit dem Versatz laden.
Den Page-Class-Suffix stellst du im Backend beim entsprechendem Link unter Parameter ein.

Wenn dann noch Text über dem Bild liegt kannst du den ja über text-ident einrücken.

Ich hoffe wir reden nicht aneinander vorbei

Airhead

hudeldudel99 · 12.10.2004, 23:50

Hallo Airhead,

ok also das geht dann über mein CSS-Verständnis hinaus. Ich bin Journalist, kein Coder

Am meisten ärgert mich, dass ich die Änderungen dann für jedes Template individuell einfügen muss. Das fuchst mich, ehrlich gesagt.

Mal sehen, ich werde schauen, ob sich das Einarbeitungsaufwand/Nutzen-Verhältnis trägt ...

Vielen Dank & Grüße
.h

Airhead · 13.10.2004, 00:49

Hi,

Die eingerückten Links sind im Code schon mit einer eigenen ccs bedacht
hier mal ein Beispiel wie es aussehenkönnte:

a.mainlevel:link, a.mainlevel:visited {
text-indent: 5px;
background-image:url(../images/bild1.gif);
background-repeat:no-repeat;
}
a.mainlevel:hover {
background-image:url(../images/bild1hover.gif);
background-repeat:no-repeat;
}

a.sublevel:link, a.sublevel:visited {
text-indent: 15px;
background-image:url(../images/bild2.gif);
background-repeat:no-repeat;
}
a.sublevel:hover {
background-image:url(../images/bild2hover.gif);
background-repeat:no-repeat;
}

Du musst auch nichts für jedes Template individuel einfügen, sondern nur 1x in der css-Datei des Template die Daten hinterlegen.
Schau mal rein, dann wirst du die Class' mainlevel und sublevel finden.

Viel Erfolg,
Airhead