[Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

anne66 · 26. April 2011 21:07

Moin in die Runde,
Ich würde gerne ein Menü bauen, das am allerliebsten so aussieht:
• Startseite
Unsere Arbeitsweise
• für Käufer
• für Verkäufer
• Unsere Kaufangebote
• Unsere Mietangebote
• Kontakt
• Impressum

Ich habe schon einiges ausprobiert, versucht, die Menü-Templates zu verstehen (hat leider nicht geklappt) und auch im Forum viel gesucht, aber ich komme einfach nicht weiter cry
Daher meine Frage:
Ist so ein Menü mit einer Zwischenüberschrift ("Unsere Arbeitsweise", die kein Menüpunkt ist) überhaupt möglich?

Wenn nicht: wie kann ich zwei Menüs bauen, die dann so aussehen:
Unsere Arbeitsweise
• für Käufer
• für Verkäufer
• Unsere Kaufangebote
• Unsere Mietangebote
• Kontakt
• Impressum
• Startseite

Ich denke, ich kann das css hinkriegen, aber wie bringe ich CMSms bei, im ersten Menü (dem ich eine Überschrift geben würde) nur die Seiten
• für Käufer
• für Verkäufer

und im zweiten Menü nur die Seiten
• Unsere Kaufangebote
• Unsere Mietangebote
• Kontakt
• Impressum
• Startseite
darzustellen.

Oder lässt sich das nur über 2 Layout-Templates realisieren?

Und dann noch eine Anfängerfrage: Wenn ich mir die Menüdateien im MenüManager anschaue, finde ich auf Teufel komm raus nicht heraus, wie in den tpl-Dateien die Verbindung zu den entsprechenden Stylesheets hergestellt wir. Also, wie findet simple_navigation.tpl das Stylesheet Navigation: Simple - Vertical??

Ich freue mich über jedweden Hinweis - auch mit dem Zaunpfahl smile

Einen schönen Abend
Anne

Beitrag geändert von anne66 (03. Mai 2011 10:45)

Wurst2008 · 27. April 2011 07:45

Wenn "unsere Arbeitsweise" nur eine Überschrift im Menü sein soll, dann nimm doch einfach als Inhaltstyp "Abschnittsüberschrift".

Also, wie findet simple_navigation.tpl das Stylesheet Navigation: Simple - Vertical??

Im Template Deiner Seite. Dort werden mit {cms_stylesheet} alle css aufgerufen, mit denen Dein Template verknüpft ist. Welche das sind, siehst Du unter Anderem bei Layouts, Templates und dort bei Deinem Template rechts auf das CSS-Symbol klicken. "Navigation: Simple - Vertical" sollte dort mit aufgelistet sein.
Dort kannst Du auch weitere CSS mit dem Template verknüpfen oder Verknüpfungen wieder lösen.

Beitrag geändert von Wurst2008 (27. April 2011 07:52)

anne66 · 27. April 2011 07:51

Hallo Wurst2008,
Danke für deine Tipps, so könnte es klappen, teste ich nachher gleich.
Und heute morgen habe ich auch nach einigem weiteren Rumprobieren verstanden, wie das mit den stylesheets funktioniert smile
Manchmal muss man das Hirn doch ausruhen lassen, dann kommt die "Erleuchtung" fast von selbst wink

Also noch mal danke, ich werde die Fortschritte melden.

Eine gute Woche
Anne

anne66 · 28. April 2011 10:27

Hallo Wurst2008,
Leider bin ich noch nicht ganz zufrieden. Eine Abschnittsüberschrift wird mir wie ein Menüpunkt dargestellt, also mit Bullet vorweg und hover-Effekt. Gerade das will ich ja nicht. Aber immerhin werden die zugeordneten Menüpunkte darunter eingerückt. Das sieht schon mal gut aus.
Aber ich kriege es auch immer noch nicht hin, das Menü mit einem eigenen Menüstylesheet zu formatieren. Ich kriege es derzeit nur über das allgemeine css formatiert also so etwa:
a:link {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
font-style: normal;
font-weight: strong;
text-decoration: none;
text-align: left;
line-height: 28px;
}
a:visited {
color:#333333;
text-decoration: none;
}
a:hover {color:#70a81e;
text-decoration: none;
}
a:active {color:#333333;
text-decoration: none;
}

ul {
margin-left: 25px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
line-height: 28px;
list-style: disc;
}

Das Ganze sieht zwar nicht richtig schlecht aus:
http://www.roy-immobilien.de/index.php? … er-kaeufer
Aber noch nicht so, wie ich will.
Ich werde weiter daran arbeiten und mit einem testmenu üben.
Das wird scho noch.

Trotzdem noch mal Danke
Viele grüße
Anne

mike-r · 28. April 2011 13:54

anne66 schrieb:

Hallo Wurst2008,
Leider bin ich noch nicht ganz zufrieden. Eine Abschnittsüberschrift wird mir wie ein Menüpunkt dargestellt, also mit Bullet vorweg und hover-Effekt. Gerade das will ich ja nicht.

Welcher Punkt wäre das? "Unsere Arbeitsweise"? Sehe da keinen Hover.
Den Bullet bekommst Du da weg, indem Du ihn beim ul wegnimmst und stattdessen beim ul a reinpackst. Zusätzlich müsstest Du die a als list-item formatieren.
Im übrigen würde ich das nicht global machen, sondern menüspezifisch über #menu ul etc.

Das würde ich allerdings nicht empfehlen, Deine Derzeitige Formatierung sieht m.E. günstiger aus, als die von Dir gewünschte ohne Bullet.

anne66 · 28. April 2011 14:34

Hallo mike-r,
stimmt, jetzt ist der hover-Effekt nicht mehr da - vorhin war er noch da. Ich kann jetzt aber nicht sagen, was ich genau gemacht habe seitdem.
Danke auch für den CSS-Tipp für die bullets, das werde ich noch mal durchprobieren. Ich vertu' mich da noch manchmal mit der korrekten css-Formatierung. Aber das wird schon noch - try and error ist meine Devise, viel nachlesen und auch mal im Forum fragen, die Tipps helfen meist in irgendeiner Form weiter.
Danke also für die Hilfe.

Viele Grüße
Anne

Wurst2008 · 28. April 2011 16:33

stimmt, jetzt ist der hover-Effekt nicht mehr da

Da...nicht da...
Wenn ich auf der Seite "Für Verkäufer" oder "Für Käufer" bin, dann ist der Hovereffekt da und der Menüpunkt auch verlinkt (nicht als Sectionheader definiert). Auf allen anderen Seiten ist es so wie es wohl sein soll (kein Hover, kein Link). Benutzt Du unterschiedliche Templates oder wie kommt das?

anne66 · 28. April 2011 17:29

Hallo Wurst2008,
das ist ja merkwürdig, das war mir noch gar nicht aufgefallen!!
Ich habe jetzt noch mal geschaut: alle Seiten nutzen dasselbe Template, "Unsere Arbeitsweise" ist als Abschnittsüberschrift (das ist doch der Sectionheader) angelegt.
Ich frag' mich, ob es am Browser oder am Mac liegen kann, aber das scheint mir unwahrscheinlich.
Ich muss das alles noch mal durchgehen. Mist, ich war so froh, dass das nun klappte!

Danke jedenfalls für den Hinweis.

Viele Grüße
Anne

mike-r · 28. April 2011 17:41

das ist ziemlich sicher ein Bug in Deinem Menü-template, welches isses denn?

anne66 · 28. April 2011 17:51

<div id="menu">
{menu}
</div>
aber irgendwas kollidiert da. Vielleicht dass das div auch "menu" heißt. Aber ich hatte eben auch schon einen anderen Templatenamen, da war's genauso.

Muss ich durchschauen und vielleicht noch mal neu machen.

mike-r · 28. April 2011 18:44

das ruft das Standardmenü auf, welches das ist, siehst Du im Menümanager.

anne66 · 29. April 2011 11:25

Ja, das weiss ich - aber trotzdem komme ich nicht recht weiter.
Noch mal ganz von vorne:
Im Template wird ein Menü aufgerufen, z.B. so:
{menu template="minimal_menu.tpl"}
oder eben so
{menu}

Diese menütemplates sind mit bestimmten css-Dateien verbunden.
Wie, habe ich nicht rausgekriegt, aber ich sehe es im Quelltext und im StylesheetManager.
Eine dieser CSS-Dateien ist z.B. "Navigation: Simple - Vertical"

Muss ich nun, um ein Menü abzuwandeln, im Menütemplate einen Link zu dem css setzen, dass das Menü formatieren soll? Oder mache ich es über die anderen Stylsheets des Haupttemplates?
Da finde ich einfach keine verständliche Anleitung (für Newbees wink ) Die Modulhilfe hat mich da auch nicht weitergebracht.

Und das Problem, dass die Abschnittsüberschrift zum Link wird, wenn man auf einer der untergeordneten Seiten ist, habe ich nach wie vor. Das ist aber nicht ganz so schlimm, ich werde mir CMSms noch mal als Übungsversion auf meinen Server spielen.
Also weiter testen und lernen.

Und wiederum ein danke für eure Tipps - jeder bringt mich irgendwann einen Schritt weiter.

Viele Grüße
Anne

NaN · 29. April 2011 13:10

anne66 schrieb:

Diese menütemplates sind mit bestimmten css-Dateien verbunden.

Falsch.
Nicht die Menü-Templates sind mit CSS Daten verbunden, sondern die Seiten-Templates.
Unter Layout->Templates rechts das CSS Icon anklicken und man sieht welche Stylesheets mit dem Seiten-Template verknüpft sind.

Eine dieser CSS-Dateien ist z.B. "Navigation: Simple - Vertical"

Genau und dieses ist bestimmt mit einem Seiten-Template verknüpft, oder?
Wenn nicht, dann mach das.
Layout->Templates rechts bei Deinem Seiten-Template auf das CSS Icon und "Navigation: Simple - Vertical" auswählen und hinzufügen.
Und das Stylesheet greift bestimmt auch auf ein ganz bestimmtes Menü zu, oder?
Also irgendetwas in der Art: #menu ul {...} Also ein Div mit der ID menu.
Und dieses Div befindet sich bestimmt in Deinem Seiten-Template und beinhaltet den Menü-Aufruf, oder?

Muss ich nun, um ein Menü abzuwandeln, im Menütemplate einen Link zu dem css setzen, dass das Menü formatieren soll?

Nein, Du musst das Stylesheet anpassen, welches für das Menü gedacht ist und mit dem Seiten-Template verknüpft ist.
Also das "Navigation: Simple - Vertical" Stylesheet.
Zu finden unter Layout->Stylesheets.

Oder mache ich es über die anderen Stylsheets des Haupttemplates?

Bingo.

anne66 · 29. April 2011 18:07

Hallo NaN,
Danke für deine ausführliche Antwort - da hatte ich dann wirklich einen Denkfehler drin. Ich dachte wirklich, dass die Menüs irgendwie direkt mit den css-Dateien verknüpft sind.
Dann müsste es ja so gehen:
Überlegen, welche Art Menü ich nutzen will.
Das Menü ins Seitentemplate einbauen (z.B. so {menu template="minimal_menu.tpl"})
Das Seitentemplate mit einem Navigations-Stylesheet verbinden und dieses dann anpassen.
Jetzt verstehe ich es :-) (glaub' ich :-))
Kann man eigentlich jedes Menü mit jedem Navigations-css anpassen, oder passen nur bestimmte css zu bestimmten Menüs? Oder ist das jetzt auch wieder ein Denkfehler yikes
Na, ich komm schon noch dahinter - dir noch mal herzlichen Dank, deine Erläuterungen waren sehr verständlich und es ist angenehm, wenn man nicht gleich als Doofie hingestellt wird, wenn man sich in ein neues CMS einarbeitet und viele Fragen stellt und vieles nicht auf Anhieb versteht.

Also frohes Schaffen und ein schönes Wochenende

Anne

nockenfell · 30. April 2011 00:30

anne66 schrieb:

Kann man eigentlich jedes Menü mit jedem Navigations-css anpassen, oder passen nur bestimmte css zu bestimmten Menüs? Oder ist das jetzt auch wieder ein Denkfehler

Mit CSS kann man mit praktisch jedem Menütemplate ein x-beliebiges Menü Layout machen. Wichtig ist am Schluss einzig, dass du im Stylesheet die gleichen ids und classes des Menüs ansprichst. Je nach Layout macht es dann natürlich auch Sinn das Menütemplate entsprechend deinem Bedürfniss anzupassen. (z.B. die Styles anders zu nennen oder zusätzliche Styles einzufügen)

anne66 · 30. April 2011 04:51

Genau das werde ich jetzt mal austesten.
Schönes Wochenende wünscht euch allen
Anne

anne66 · 02. Mai 2011 19:15

So,
Nun habe ich das Menü soweit bearbeitet und mit einem Stylesheet verbunden, dass es nur über dieses Stylesheet formatiert wird, und auch diese "Erscheinung", dass der Sectionheader anklickbar ist, wenn man sich auf einer seiner Unterseiten befindet, habe ich durch das Stylesheet unterbinden können. Im Stylesheet sieht das dann so aus:

/* hover für die Links des ersten Levels */
div#menu_vert ul a:hover {
color:#70a81e;
text-decoration: none;
}

/* hover für die Links des zweiten Levels */
div#menu_vert ul ul a:hover {
color:#70a81e;
text-decoration: none;
}

/* formatiert den Sectionheader, wenn eine der Unterseiten angewählt ist */
div#menu_vert a.parent {
color: #333333;
text-decoration: none;
cursor: text;
}
/* verhindet das der hover für den Sectionheader sichtbar wird, wenn eine der Unterseiten angewählt ist */
div#menu_vert a.parent:hover {
color: #333333;
text-decoration: none;
cursor: text;
}

Dank eurer Hilfe sieht es jetzt so aus, wie ich wollte!
Nun kann ich Feierabend machen

Gruß
Anne

Andynium · 03. Mai 2011 10:17

Bitte das Thema (Betreff) noch auf [Gelöst] setzen wink .

anne66 · 03. Mai 2011 10:47

Hi Cyberman,
Danke, dass du mich erinnerst - ist erledigt wink

Forum für CMS/made simple

#1 26. April 2011 21:07

[Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#2 27. April 2011 07:45

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#3 27. April 2011 07:51

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#4 28. April 2011 10:27

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#5 28. April 2011 13:54

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#6 28. April 2011 14:34

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#7 28. April 2011 16:33

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#8 28. April 2011 17:29

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#9 28. April 2011 17:41

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#10 28. April 2011 17:51

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#11 28. April 2011 18:44

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#12 29. April 2011 11:25

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#13 29. April 2011 13:10

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#14 29. April 2011 18:07

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#15 30. April 2011 00:30

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#16 30. April 2011 04:51

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#17 02. Mai 2011 19:15

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#18 03. Mai 2011 10:17

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

#19 03. Mai 2011 10:47

Re: [Gelöst] 2 vertikale Menüs mit unterschiedlichen Menüpunkten

Fußzeile des Forums