Modifica menu a capo, su più linee

[OS]

C'è un modo semplice per mettere il menu su più linee??

Una cosa del tipo:

Index - Ricerca - Profilo - MP - ... - Esci
(a capo)
Amministra - Modera - ...


Magari recuperando i bottoni singoli, o modificando la funzione e crearne un'altra per avere dei bottoni specifici per ognuna (solo che non so né come, né da che parte iniziare : P).


Grazie.

[emanuele]

In teoria non dovrebbe essere molto difficile (poi ovviamente tutto si può complicare a piacimento! ), ho visto almeno un tema che lo fa:
http://www.skinmod.eu/index.php?topic=2581.0
non ho guardato come ottiene l'effetto, ma magari puoi prendere spunto.

[OS]

In teoria non dovrebbe essere molto difficile (poi ovviamente tutto si può complicare a piacimento! ), ho visto almeno un tema che lo fa:
http://www.skinmod.eu/index.php?topic=2581.0
non ho guardato come ottiene l'effetto, ma magari puoi prendere spunto.

Grazie, ho dato un'occhiata, ma in pratica non hanno fatto altro che aggiungere un if che discrimina se il pulsante ha un sottomenu oppure no, nel primo caso va nella seconda riga, altrimenti risulta in prima...

[emanuele]

E' quel che farei anch'io.
Tu avevi in mente qualcosa di diverso?

[OS]

E' quel che farei anch'io.
Tu avevi in mente qualcosa di diverso?

Così facendo non si avrebbe un reale controllo e alcuni pulsanti che vorrei in prima linea (es.: messaggi privati) andrebbero automaticamente in seconda.


Non si potrebbe discriminare direttamente partendo dal nome dei singoli pulsanti??

[OS]

Ho fatto una pazzia, "pazzia" perché mi sembra fin troppo semplice come soluzione (già solo per il fatto che sia mia +_+), quindi la domanda che sorge spontanea è: qualche errore, qualche rischio di appesantimento del forum, ho dato inizio alla fine del mondo con un mese di ritardo?? °_°

Preso:

Code Select Expand

foreach ($context['menu_buttons'] as $act => $button)
{


Aggiunto sotto:

Code Select Expand


$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{


poi copiato tutto il codice da:

Code Select Expand

echo '
<div id="main_menu">
<ul class="dropmenu" id="menu_nav">';

foreach ($context['menu_buttons'] as $act => $button)


a:

Code Select Expand

echo '
</ul>
</div>';


e l'ho raddoppiato cambiando i nomi dei pulsanti dell'array con quelli da fare uscire in seconda linea.


Visivamente la cosa sembra funzionare, bisogna solo vedere se regge anche a livello di codice...

[emanuele]

E' sostanzialmente quello che avrei fatto io.

Unica cosa, se ho capito bene hai fatto qualcosa tipo:

Code Select Expand

$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{

}

$sup = array('admin', 'moderate', '...altro...');
if (in_array($act, $sup))
{

}


dato che hai solo due righe puoi semplicemente fare:

Code Select Expand

$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{

}
else
{

}


[OS]

E' sostanzialmente quello che avrei fatto io.

Unica cosa, se ho capito bene hai fatto qualcosa tipo:

Code Select Expand

$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{

}

$sup = array('admin', 'moderate', '...altro...');
if (in_array($act, $sup))
{

}


dato che hai solo due righe puoi semplicemente fare:

Code Select Expand

$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{

}
else
{

}


Il problema è che c'è una parte esterna dopo il primo if, quella che chiude <ul> e apre il "nuovo" menu.

Code Select Expand

echo '
</ul>
</div>';


echo '
<div id="main_menu2">
<ul class="dropmenu2" id="menu_nav">';

foreach ($context['menu_buttons'] as $act => $button)
{
$inf = array('database', 'media', 'admin', 'moderate');
if (in_array($act, $inf))
{



In pratica raddoppio tutto il codice e cambio solo il contenuto dell'array.

Code Select Expand

function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

echo '
<div id="main_menu">
<ul class="dropmenu" id="menu_nav">';

foreach ($context['menu_buttons'] as $act => $button)
{
$sup = array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout');
if (in_array($act, $sup))
{
echo '
<li id="button_', $act, '">
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul>';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';

foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';

echo '
</ul>';
}

echo '
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}
}

echo '
</ul>
</div>';


echo '
<div id="main_menu2">
<ul class="dropmenu2" id="menu_nav">';

foreach ($context['menu_buttons'] as $act => $button)
{
$inf = array('database', 'media', 'admin', 'moderate');
if (in_array($act, $inf))
{
echo '
<li id="button_', $act, '">
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul>';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';

foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';

echo '
</ul>';
}

echo '
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}
}

echo '
</ul>
</div>';


}


[emanuele]

Prova così.

Code Select Expand

function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

$menu_items = array();
// Qui sotto elenchi quello che va nei due (o più) livelli
$menu_levels = array(
'inf' => array('database', 'media', 'admin', 'moderate'),
'default' => array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout')
);
$count = 1;

// Questo fa in modo che l'ordine finale non dipenda da altri fattori.
foreach (array_reverse(array_keys($menu_levels)) as $key)
$menu_items[$key] = array();

// Riordina i menù a seconda di quanto impostato sopra. Default è il livello più alto in questo caso
foreach ($context['menu_buttons'] as $act => $button)
foreach ($menu_levels as $key => $menus)
if (in_array($act, $menus) || $key == 'default')
$menu_items[$key][$act] = $button;

// Ed infine fuori tutti i menù
foreach ($menu_items as $key => $menus)
{
echo '
<div id="main_menu"', $count == 1 ? '' : $count, '>
<ul class="dropmenu', $count == 1 ? '' : $count, '" id="menu_nav">';

foreach ($menus as $act => $button)
{
echo '
<li id="button_', $act, '">
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul>';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';

foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';

echo '
</ul>';
}

echo '
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}

echo '
</ul>
</div>';

$count++;
}

}


[OS]

Prova così.

Code Select Expand

function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

$menu_items = array();
// Qui sotto elenchi quello che va nei due (o più) livelli
$menu_levels = array(
'inf' => array('database', 'media', 'admin', 'moderate'),
'default' => array('home', 'forum', 'help', 'search', 'profile', 'pm', 'calendar', 'mlist', 'login', 'register', 'logout')
);
$count = 1;

// Questo fa in modo che l'ordine finale non dipenda da altri fattori.
foreach (array_reverse(array_keys($menu_levels)) as $key)
$menu_items[$key] = array();

// Riordina i menù a seconda di quanto impostato sopra. Default è il livello più alto in questo caso
foreach ($context['menu_buttons'] as $act => $button)
foreach ($menu_levels as $key => $menus)
if (in_array($act, $menus) || $key == 'default')
$menu_items[$key][$act] = $button;

// Ed infine fuori tutti i menù
foreach ($menu_items as $key => $menus)
{
echo '
<div id="main_menu"', $count == 1 ? '' : $count, '>
<ul class="dropmenu', $count == 1 ? '' : $count, '" id="menu_nav">';

foreach ($menus as $act => $button)
{
echo '
<li id="button_', $act, '">
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul>';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';

foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';

echo '
</ul>';
}

echo '
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}

echo '
</ul>
</div>';

$count++;
}

}


C'è qualcosa che non va...così sopra appare tutto il menu come apparirebbe normalmente (compresi i pulsanti di quello sotto), invece il menu inferiore appare correttamente.

[emanuele]

Yups...quando fai tre cose contemporaneamente almeno due vengono male...

Code Select Expand

// Riordina i menù a seconda di quanto impostato sopra. Default è il livello più alto in questo caso
foreach ($context['menu_buttons'] as $act => $button)
foreach ($menu_levels as $key => $menus)
if (in_array($act, $menus) || $key == 'default')
{
$menu_items[$key][$act] = $button;
break;
}

al posto del codice equivalente.

[OS]

Yups...quando fai tre cose contemporaneamente almeno due vengono male...

Code Select Expand

// Riordina i menù a seconda di quanto impostato sopra. Default è il livello più alto in questo caso
foreach ($context['menu_buttons'] as $act => $button)
foreach ($menu_levels as $key => $menus)
if (in_array($act, $menus) || $key == 'default')
{
$menu_items[$key][$act] = $button;
break;
}

al posto del codice equivalente.

OK, sembra funzionare, grazie.


C'è solo un errore della posizione delle "

Code Select Expand

<div id="main_menu"', $count == 1 ? '' : $count, '>

Code Select Expand

<div id="main_menu', $count == 1 ? '' : $count, '">

[emanuele]

Giusto!
Grazie.