Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> Frage Navigation
sidoline
Beitrag Thu. 13. March 2008, 11:38
Beitrag #1


Newbie
*

Gruppe: Members
Beiträge: 3
Mitglied seit: 28.01.2008
Mitglieds-Nr.: 1.343



Hallo,

ich würde gerne die Verlinkung eines Menüs automatisch generieren lassen. Hintergrund ist folgender: es soll bei einer Webseite verschiedene Projektseiten geben, die jeweils für unterschiedliche Benutzer zugänglich sind. Also, z.b. user A kann nur auf Projekt A zugreifen, user b auf Projekt B.
Der Betreiber der Webseite kann die verschiedenen Projekte erstellen, indem er das vorhandene Beispielprojekt kopiert und dann die Inhalte und Benutzer anpasst.
Die Navigation muss sich bei den Projekten entsprechend ändern. Ich wollte dies nun über eine Liste machen, in der die Verlinkung automatisch generiert wird.
Im Layout für die Projekte sieht die Liste folgendermaßen aus

<div id="navigation_top">
<ul id="navlist">
<li id="active"><a href="#" id="current">news</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">downloads</a></li>
<li><a href="#">ideas</a></li>
<li><a href="#">feedback</a></li><br style="clear: both; height: 0px;" />
</ul>

Die css datei hierzu sieht folgendermaßen aus:

#navlist ul
{
margin: 0;
padding: 0;
}

#navlist li
{
position:relative;
top:-11px;
left:-36px;
margin:0px 14px 0px 0px;
padding:0;
display: block;
width:150px;
height:26px;
float:left;
list-style-type: none;
}

#navlist a
{
background-color: #fff;
background-image: url(.../layout/button_grey.png);
margin:0;
padding:3px 0px 0px 0px;
background-repeat:no-repeat;
display: block;
float:left;
width:150px;
height:26px;
font-size:12pt;
font-family:arial;
text-align:center;
}

#navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navlist a:hover
{
background-color: #FFFFFF;
background-image: url(.../layout/button_active.png);
margin:0;
padding:3px 0px 0px 0px;
background-repeat:no-repeat;
display: block;
float:left;
width:150px;
height:26px;
}

#active a:link, #active a:visited, #active a:hover
{
background-color: #FFFFFF;
background-image: url(.../layout/button_active.png);
margin:0;
padding:3px 0px 0px 0px;
background-repeat:no-repeat;
display: block;
float:left;
width:150px;
height:26px;
}

Die Projektstruktur ist immer diesselbe: im sefrengo gibt es den Ordner des Projekts, der die seiten news, contacts, downloads, ideas, feedback immer in der gleichen Reihenfolge enthält.

Es sind 2 Sachen, die sich verändern müssen:
1. muss sich das Layout des buttons bei der entsprechenden seite in den button_active.png verändern (wenn man auf news ist, soll das aktiv sein, wenn man auf ideas ist, soll ideas aktiv sein)

2. Die Verlinkung muss sich an das jeweilige projekt anpassen: d.h. in projekt A muss die verlinkung jedes navigationspunktes auf die seiten des Projekt A verlinken, bei Projekt B muss die Navigation auf die seiten des Projektes B verlinken.

Hat jemand einen Vorschlag, wie ich das realisieren könnte?

Viele dank im vorraus,

sidoline
Go to the top of the page
 
+Quote Post
andi
Beitrag Thu. 13. March 2008, 11:59
Beitrag #2


purist
********

Gruppe: AdvancedMembers
Beiträge: 1.525
Mitglied seit: 30.06.2006
Wohnort: luzern (schweiz)
Mitglieds-Nr.: 16



hallo sidoline

dein vorhaben ist eigentlich der grund, warum es module gibt. mit diesen lassen sich viele dinge automatisieren.
schau dir das standard-modul «listennavigation» an. dieses modul erstellt eine liste aller unter redaktion befindlichen ordner und seiten.

für die gestaltung der liste kannst du dein bestehendes css übernehmen.


gruss andi


--------------------
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 23.9.24 - 07:56

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.