Navigation im 2.0 RC2

[Eclipse16V]

Hallo,
hab mal wieder eine Frage.

Habe es bei mir jetzt mal so gemacht das ich einige Menüpunkte in meinem SMF ein wenig zusammen gelegt habe.
Also z.B. habe ich die Staff List Mod drauf und diese im Menü oben bei Mitglieder hinzugefügt.
Klappt soweit auch ganz gut.
Nur jetzt meine Frage:
Wie bekomme ich es hin das wenn ich z.B. die Staff List aufrufe, oben im Menü das Feld Mitglieder beleuchtet ist?
Derzeit springt es immer wieder um zu Übersicht.

Danke

[Analogiker]

Hi, in der subst.php findest du unterhalb von der Menüdefinition folgende Zuordnung:

Code Select Expand

...............
$current_action = 'home';

if (isset($context['menu_buttons'][$context['current_action']]))
$current_action = $context['current_action'];
elseif ($context['current_action'] == 'search2')
$current_action = 'search';
elseif ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';
...........

Dort kannst/musst du die Änderungen die du im Menü gemacht hast nachziehen.

z.B.: habe ich die Suche unterhalb von home gelegt und musste demnach wie folgt ändern:

Code Select Expand

....elseif ($context['current_action'] == 'search2')
//$current_action = 'search';
$current_action = 'home';....

[Analogiker]

Oh, das gilt natürlich für SMF2 RC2 Curve Theme.

[Chamaeleon]

Welche Mod. hast du den installiert?

Der Staff Page Mod. fügt doch automatisch den Menupunkt hinzu, der beim anklicken dann auch aktiv ist

der Button dazu sieht so aus

Code Select Expand

// [Staff] button
'staff' => array(
'title' => $txt['smfstaff_stafflist'],
'href' => $scripturl . '?action=staff',
'show' => $context['allow_view_stafflist'],
'icon' => '',
),


muss glaub immer das 'XXXX' => mit der action übereinstimmen

also wie 'staff' =>  ............  '?action=staff',

oder 'mlist' => ..........'?action=mlist',  und '?action=mlist;sa=search',

also das "mlist" am Anfang der Action

[Eclipse16V]

Ach das sind schon einige Mods. (ca. 80 Stück)

Ja, die Staff Page Mod fügt einen Menüpunkt hinzu. Nur ist dieser einzeln und wenn das dann so einige Mods machen, hab ich oben bestimmt so 4-5 Zeilen nur Menü.
Deshalb wollte ich das in das ausklappbare Menü mit rein packen. z.B. in den Menüpunkt Mitglieder.

[Chamaeleon]

Welche Mod. hast du den installiert?

Das war auf den Staff Mod. bezogen...........

Weil ich mich gewundert  habe, das bei dir kein Menupunkt ist..............


Zum aktiv markieren hab ich ja schon geschrieben wie das aussehen muss.

Als Integration in die Mitgliederliste:

Die Staff(Teamseite) müsste dann ja in die "mlist" Action eingebunden sein

also '?action=mlist;sa=staff', das "sa" steht für Subaction

somit muss du die Action komplett umschreiben
damit diese nicht als eigene Action läuft, sondern als Subaction der Mitgliederliste und auch als solche erkannt wird

[Eclipse16V]

hmmmm

ok dann bleib ich doch lieber bei der Version wie ich es im RC 1.2 hatte mit dem Menü im Portal.
Ist weniger arbeit.

Danke

[Eclipse16V]

Noch mal ich. 

Hat jemand eine Idee wie ich das Menü so wie hier hin bekomme?
Also ich meine das Menü oben mit "Home, Community, Download, ..."

[Chamaeleon]

geh mal ins ACP / Aktuelles Theme

hier bei "Slogan der Seite" mal zum Test

diesen Code eintragen

Code Select Expand

<div id="zweitmenu" class="align_right">
<ul id="zweitnav" class="dropmenu">
<li>
<a class="firstlevel" href="http://dein-Link.de/">
<span class="firstlevel">Dein Link Name</span>
</a>
</li>
<li>
<a class="firstlevel" href="http://dein-Link2.de/">
<span class="firstlevel">Dein Link Name 2</span>
</a>
</li>
<li>
<a class="firstlevel" href="http://dein-Link3.de/">
<span class="firstlevel">Dein Link Name 3</span>
</a>
</li>
</ul>
</div>

in der index.css dies einfügen

Code Select Expand

#zweitmenu
{
padding: 12px 0 4px 1em;
margin: 0;
overflow: hidden;
font-size: 1.1em;
font-family: tahoma, sans-serif;
}
#zweitnav li a.active
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% -31px;
}
#zweitnav li a.active span.firstlevel
{
background: url(../images/theme/menu_gfx.png) no-repeat 0 -31px;
}


[Eclipse16V]

Danke 

Schon mal nicht schlecht.
Jetzt muß ich nur noch rausbekommen wie das mit den Unterkategorien funktioniert und das er mir wie hier dort oben den aktuellen Bereich anzeigt.

[Chamaeleon]

Unterkategorie ist einfach

Code Select Expand

<li>
<a class="firstlevel" href="http://dein-Link2.de/">
<span class="firstlevel">Dein Link Name 2</span>
</a>
</li>
<li>
<a class="firstlevel" href=""http://dein-Link3.de/">
<span class="firstlevel">Dein Link Name 3</span>
</a>
<ul>
<li>
<a class="" href="unter 1">
<span>unter 1 Name</span>
</a>
</li>
</ul>
</li>

also innerhalb des <li> </li> des Hauplinks ein weiteres <ul></ul> einfügen

[Eclipse16V]

Hi

So, hatte mal wieder etwas Zeit und mich an das Menü gesetzt.
Leider geht es immer noch nicht so wie ich es will.
Ich kann in den Unterkategorien immer nur einen Link anlegen. Alle weiteren werden nicht angezeigt bzw. unterhalb von dem ersten Link einfach im FireFox (neuste Version) abgeschnitten.

Hmmmmm

Ach so und dann habe ich immer noch nicht raus gefunden wie ich das mit dem aktiven Button hin bekomme.

EDIT: Wie bekomme ich das ganze noch mittig so wie das Button rechts?

[Analogiker]

Den aktiven Butten triggerst du mit der current_action wie oben beschrieben. Das ganze bezieht sich aufs Hauptmenü in Curve.

Bei der von Chamaeleon vorgeschlagenen Option weiß ichs leider auch nicht.

Das nur eine Unterkategorie erscheint liegt vielleicht an der Position, das im Header auf und zuklappbare Ding überdeckt vielleicht dein Menu

[Eclipse16V]

Hmmmm,
das mit dem Überdecken hab ich mir schon fast gedacht.
Hat jemand eine Idee wie ich das lösen könnte?
Sonst braucht man ja es gar nicht weiter zu überlegen was rein kommt u.s.w.

[Eclipse16V]

So,
will mal ein wenig weiter basteln.

Kann mir vielleicht jemand helfen?

Habe diesen Code hier:

Code Select Expand

<div id="admin_menu">
<ul class="dropmenu" id="dropdown_menu_1">
<li>
<a class="active firstlevel" href="#"><span class="firstlevel">Test Menü 1</span></a>
<ul>
<li>
<a class="chosen" href="http://xyz.de"><span>Test Untermenü 1-1</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-2</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-3</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-4</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-5</span></a>
</li>
</ul>
</li>
<li>
<a class="firstlevel" href="#"><span class="firstlevel">Test Menü 2</span></a>
<ul>
<li>
<a class="chosen" href="http://xyz.de"><span>Test Untermenü 2-1</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-2</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-3</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-4</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-5</span></a>
</li>
</ul>
</li>

...........

Jetzt will ich es so machen das die aktuelle Seite markiert wird.
Also dachte ich mir das ich per PHP einfach was bastele und dann aus:
<a class="firstlevel" href="#"><span class="firstlevel">Test Menü 1</span></a>

folgendes macht:
<a class="active firstlevel" href="#"><span class="firstlevel">Test Menü 1</span></a>

Damit müsste es doch eigentlich schon mal gehen.

Kann mir jemand helfen?

Danke

[Eclipse16V]

Müsste doch so funktionieren oder?

Code Select Expand

if ($active_page == $context['current_page'])
{
$dropdown_menu_active[] = 'active ';
}
else
{
$dropdown_menu_active[] = '';
}
$context['dropdown_menu_active'] = implode($dropdown_menu_active);

echo '
<div id="admin_menu">
<ul class="dropmenu" id="dropdown_menu_1">
<li>
<a class="', $context['dropdown_menu_active'], 'firstlevel" href="#"><span class="firstlevel">Test Menü 1</span></a>
<ul>
<li>
<a class="chosen" href="http://xyz.de"><span>Test Untermenü 1-1</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-2</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-3</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-4</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 1-5</span></a>
</li>
</ul>
</li>
<li>
<a class="', $context['dropdown_menu_active'], 'firstlevel" href="#"><span class="firstlevel">Test Menü 2</span></a>
<ul>
<li>
<a class="chosen" href="http://xyz.de"><span>Test Untermenü 2-1</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-2</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-3</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-4</span></a>
</li>
<li>
<a href="http://xyz.de"><span>Test Untermenü 2-5</span></a>
</li>
</ul>
</li>

............

[Eclipse16V]

Hmmm,
hab es nun ausprobiert und es geht leider nicht.
Mal weiter basteln wenn es die Zeit wieder zu lässt.

[Eclipse16V]

Hmmm,
also kann mir keiner weiter helfen?

Schade

[Chamaeleon]

wenn du Firefox verwendest, installiere dir Firebug

markiere das Menu hier, dann Rechtsklick - "Element untersuchen" und schon siehst du wie es aufgebaut ist, sowie den zuständigen css-Code

trage mal dies noch in die css ein

Code Select Expand

#zweitmenu
{
padding: 12px 0 4px 1em;
margin: 0;
overflow: hidden;
font-size: 1.1em;
font-family: tahoma, sans-serif;
}
#zweitmenu ul li {
position:static;
}
#zweitmenu ul li ul {
width:12.2em;
}
#zweitmenu ul li ul li {
width:12em;
}