Konfiguration Listennavigation Einstellungen

[andgar]

Hallo,
ich bin gerade dabei eine Listennavigation zu erstellen. Der Link zum Template ist:
http://test.360-live.de/TEMPLATES/
Mein Problem ist wie ich es schaffe die unterschiedlichen Farben in den Navigationsbereiche darzustellen.
Ich habe mal zwei Module dazu ausprobiert (Listen-Navigation 1.1, Navigation 2.01.00). Das Prinzip ist mir grundsätzlich klar blos ist mir noch nicht klar wie ich das Modul konfigurieren bzw. die CSS-Klassen setzen kann so dass die darstellung stimmt.
Um eine Hilfe wäre ich sehr dankbar.
Andre

[firehorse]

Vielleicht kannste ja damit etwas anfangen

Es ist nur ein Beispiel und man kann noch einiges verbessern oder wurde schon

Vorschau Vista-Menue:
http://zvision.zv.ohost.de/menutest/vista/

Download:
http://zvision.zv.ohost.de/menutest/vista.zip

Ohne grafische Inhalte:
http://zvision.zv.ohost.de/menutest/free.zip

Du kannst es in ContentFlex einfügen oder hast ein Beispiel dafür wie so etwas läuft.


gruss
firehhorse

[andi]

hallo andre

die listennavigation ist sicherlich das richtige modul. für die unterschiedlichen farben muss jeder navigationspunkt seine eigene id (oder klasse) erhalten. eine möglichkeit wäre, die templatevariable {id} für die seiten, resp. ordnerausgabe zu benutzen:

seite:

QUELLTEXT

<li><a id="navigationspunkt-{id}" href="{link}">{name}</a></li>

auch {name} könnte verwendet werden. allerdings läufst du hier gefahr, dass dabei umlaute im klassennamen vorkommen, was nicht sonderlich empfehlenswert ist.

mit der obigen variante kannst du in css dann jeden navigations individuell gestalten.


gruss andi

[andgar]

Hi Andi,
vielen dank. ich war gerade bei http://wiki.sefrengo.org/index.php/Listennavigation unterwegs. Durch deine Antwort hat sich mein Gedanke bestätigt. Aber ein Problem habe ich noch, wie ich die Listennavigation konfigurieren muss. Momentan werden in der Anzeige der Navi die Ordner ausgegeben. Aber ich hätte gerne nur Seiten ausgegeben.

Momentan habe ich die Navigation im CMS so Strukturiert.
 screen1.jpg ( 434.74KB ) Anzahl der Downloads: 52


Vielleicht kannst du mir bei diesem Probelem auch noche weiterhelfen. Wäre super.

Gruß Andre

[andgar]

Hallo Andi,
die aktuelle Ausgabe findest du unter: http://test.360-live.de/projekt01/
Gruß Andre

[andi]

deine struktur wird früher oder später nicht mehr funktionieren. jeder ordner braucht eine startseite (auch ordner grün und rot). sonst fängt das system an zu spinnen. wenn der ordner selber keine richtige seite enthalten soll, dann muss eine seite mit einer weiterleitung eingerichtet werden.

nur seiten ausgeben geht nicht, macht irgendwie auch kaum sinn. beachte: ein ordner linkt auf die startseite innerhalb des ordners, aus diesem grund. überlege deine struktur.


gruss andi

[andgar]

Ok - das ist für mich auch kein Problem, da jeder Ordner eine Seite beinhaltet. Wie soll ich aber dann die Ausgabe gestalten bzw. die Strukturierung der Navigation im CMS. Die Kategorisierung zur farblichen Unterscheidung in Grün, Rot und Blau ist dann der falsche weg - oder verstehe ich dich da falsch?
Gruß Andre

[andi]

ganz im sinne der trennung von inhalt und gestaltung ist das natürlich der falsche weg. lege die struktur in sefrengo so fest, als ob es keine farblichen unterschiede gäbe...in deinem falle also:

startseite (ordner)
-->startseite (seite)

test & previews (ordner)
-->startseite (seite)

aktuelles (ordner)
-->startseite (seite)

das ganze gibst du dann mit dem listennavigations-modul aus. damit du jeden ordner und jede seite die richtige hintergrundfarbe zuweisen kannst, benutzt du {id} oder {name} im template (wie oben beschrieben).


gruss andi

[andgar]

Hallo Andi,
habe ich jetzt auch gemacht - aber die {id} loesung finde ich jetzt doch nicht so super. Wenn jetzt z.B. durch einen Redakteur eine neue Seite angelegt wird, muss die Id der neuen Seite dann auch im CSS nachgetragen werden. Oder? Das ist dann nicht so im Sinne von einem CMS. Oder verstehe ich da gerade was nicht? Sorry wenn ich jetzt zum diskutieren anfange.
Gruß Andre

[grafzahl]

Hallo Andi,
habe ich jetzt auch gemacht - aber die {id} loesung finde ich jetzt doch nicht so super. Wenn jetzt z.B. durch einen Redakteur eine neue Seite angelegt wird, muss die Id der neuen Seite dann auch im CSS nachgetragen werden. Oder? Das ist dann nicht so im Sinne von einem CMS. Oder verstehe ich da gerade was nicht? Sorry wenn ich jetzt zum diskutieren anfange.
Gruß Andre

Sicherlich musst du dann auch jeder Seite die halt ne Gewisse Farbigkeit hat ne gesonderte ID zuweisen, aber was spricht dagegen diese schon im Vorraus für die nächsten 40 IDs einzutragen, damit der Redakteur erstmal nen gewissen Spielraum hat.

Eine andere Möglichkeit sehe ich jetzt gerade nicht, da das CMS ja irgendwoher wissen muss welche Seite jetzt welche Farbe abbekommt.

[andgar]

Hallo Andi, die Idee IDs in Voraus anzulegen geht auch nicht so ganz da ja die ID´s mit dem Erzeugen eines neuen Ordners oder Seite mit +1 erzeugt werden. Ich kann somit keine Trennun zwischen den Farben erreichen mit einem Vorausanlegen von ID´s. Ich hoffe du verstehst was ich meine?!
Gruß Andre

[Geronimo]

vielleicht liege ich ja völlig daneben, aber könnte nicht auch folgender
ansatz funtionieren:

die alte struktur in ähnlicher form beibehalten, also

rootordner

->grün
-->alle unterordner und seiten grün

->blau
-->alle unterordner und seiten blau

...etc

die {id} der ordner grün, blau usw. zuweisen und in der listennavi
unter "Angezeigter Startebene von Ordnern manipulieren" eine 3 für die 3.ebene angeben,
damit erst die seiten und ordner der 3. ebene angezeigt werden.
somit sollten doch alle seiten und ordner, die im entsprechenden "farbordner" erstellt werden
automatisch die passende farbe erhalten?!

[firehorse]

Hallo Andi, die Idee IDs in Voraus anzulegen geht auch nicht so ganz da ja die ID´s mit dem Erzeugen eines neuen Ordners oder Seite mit +1 erzeugt werden. Ich kann somit keine Trennun zwischen den Farben erreichen mit einem Vorausanlegen von ID´s. Ich hoffe du verstehst was ich meine?!
Gruß Andre

Wenn ich mir Deinen Screenshot anschaue, dann wäre die einfachste Lösung CSS. Du könntest dann Layouts nur mit unterschiedlichen CSS-Definitionen für den jeweiligen Ordner anlegen. Vorteil: Spätere Änderungen gehen schneller, einfacher und mögliche Komplikationen bleiben Dir erspart. Außerdem hat Andy recht.

Allerdings stellt sich hier die Frage: was willst deinen Benutzern zumuten oder was sollen die dürfen? Inhalte freigestalten oder nur begrenzt? eigene neue Seiten, diese konfigurieren usw... Desto enger du den Spielraum gestaltest, desto eher muss du auch nach Kompromisslösungen suchen.

Ich habe es bei einem Projekt so gemacht, dass jeder Benutzer eine eigene Startseite (Zugriff nur Admins) erhält und dahinter dann deren Ordner/Seiten folgen. Die neusten Artikel werden dort ausgelesen und in deren "Startseite" eingefügt. Diese "Startseiten" werden dann wiederum ausgelesen und dann in der Kurzform auf der eigentlichen Startseite (variable) aufgelistet. So brauchen die sich nur um den Artikel kümmern und der Besucher findet immer den neusten Eintrag. Problem hier: sehr aufwendig in der Konfiguration!


Hilfe zu CSS findest Du hier:
http://xthmlforum.de/


bye
firehorse

[andgar]

Hi Geronimo,
Diesen Ansatz habe ich auch schon verfolgt.

Zunachst habe ich das Problem, dass mir nur die Inhalte vom Grünen Ordner ausgegeben werden. Meine Reihenfolge der Ordner in der obersten Ebene ist momentan Grün und Rot. Ich weis nicht woran das liegt.

Meine Ordnerstruktur siehst du hier:
 screen2.jpg ( 446.94KB ) Anzahl der Downloads: 22


Die Ausgabe siehst du unter: http://test.360-live.de/projekt01/

die {id} der ordner grün, blau usw. zuweisen

Wie soll das gehen? Da bin ich noch nicht darauf gekommen

Gruß Andre

[Geronimo]

Zunachst habe ich das Problem, dass mir nur die Inhalte vom Grünen Ordner ausgegeben werden.

als erstes erstell mal nen rootordner, in den du alle farbordner (rot, blau ...) verschiebst
also:

ROOT
-->Rot
-->Grün

dann stellst du den startordner in der listen navigation auf ROOT. somit sind erst mal
alle unterordner rot und grün sichtbar.
dann die ausgabe folgendermaßen, wie oben schon von andi gepostet editieren:

QUELLTEXT

<li id="navigationspunkt-{id}"><a href="{link}">{name}</a>{folder}</li>

in deiner css siehts dann so aus:

QUELLTEXT

#navigationspunkt-ID {background-color: #00ff00;}
#navigationspunkt-ID {background-color: #ff0000;}

die ID natürlich durch die idcat der ordner grün und rot ersetzen.

Der Beitrag wurde von Geronimo bearbeitet: Sat. 27. October 2007, 22:28

[andgar]

Hi,

als erstes erstell mal ne rootordner, in den du alle farbordner (rot, blau ...)verschiebst
also:

ROOT
-->Rot
-->Grün

habe ich gemacht - aber mir wir der inhalt vom grünen ordner nicht ausgegeben...

Auch der startordner in der listen navigation ist ROOT

Ich habe echt keinen Plan mehr was da schief läuft.

Gruß Andre

[Geronimo]

ist der ordner online geschaltet und sind beide ordner, Grün und Rot unterordner
von root?

Der Beitrag wurde von Geronimo bearbeitet: Sat. 27. October 2007, 23:10

[feniweb]

Ich würde da evtl. einen anderen Ansatz wählen. Der unabhängig von einer ID ist, über unterschiedliche Listennavis u. Templates und die dann den entsprechenden Farbverzeichnissen zuweisen.

Gruss

[firehorse]

Moin Andre.

Vielleicht hilft es ja wenn Du jeden Hauptordner für sich abhandels.

Wenn Inhalte Grün ausgegeben werden und die Inhalte Rot, Bau usw. nicht...

Vielleicht blöd da ich bei solchen Sachen mit Script oder rein CSS arbeite. Würde es Sinn machen dass Grün, Rot, Blau jeweils ein eigenes Modul erhalten. Du jeden Hauptordner eine Seite für sich verpasst. Bei den Templaten also Grün - Modul für Grün, Rot - Modul für Rot usw..

Weiss leider nicht was du schon probiert hast.

gruss
firehorse

[smail]

über unterschiedliche Listennavis

Ich würd feniweb zustimmen. Meiner Meinung nach ist der Ansatz mit den unterschiedlichen Modulen am praktikabelsten für Dich.

Also: Für jeden Bereich (Deine Farben) in der Navigation legst Du ein eigenes Listen-Navi-Modul an. Dieses wird entsprechend so konfiguriert, dass es nur die Seiten und Ordner aus diesem Bereich anzeigt. Außerdem passt Du dann noch die Farbe an, bspw. in dem das umschließende <ul> eine css-Klasse bekommt.

Anschließend packst Du die 3 oder 4 Listen-Navi-Module in ein Template. Fertig.

Gruß
Jan