Hoe menu met subtitels maken

[Meint]

Ik heb een menu met subtitels nodig. Weet iemand hoe ik dit in Websitebaker eenvoudig kan maken?

[Ruud]

Je kan de "subtitle tekst" in het Description of Keywords veld van een pagina zetten.
Gebruik daarna het "Sitemap" voorbeeld vanuit de documentatie van show_menu2().
http://code.jellycan.com/sm2test/

Door de SM2_ALLINFO parameter (bij de eerste show_menu2 aanroep) kan je voor de output [keywords] of [description] gebruiken.

Deze pagina doet datzelfde in een sitemap overzicht.

[Meint]

Hoi Ruud,

Bedankt voor je hulp. Ik ben al een flink eind opgeschoten inmiddels. Het enige wat nog niet lukt is om de subtitle recht onder de titel te krijgen.

Met de volgende code staat de subtitle achter de titel zoals in de bijlage te zien is bij A.

show_menu2(SM2_ALLMENU, SM2_ROOT, SM2_ALL, SM2_ALL|SM2_ALLINFO, '

[l.i]<span class="subtitle">[a][menu_title]</a><br />[keywords]</span>', true);?>

(De punt tussen [l.i] aub negeren. Die heb ik toegevoegd om de code hier leesbaar te houden.)

Wanneer ik <br /> verwijder tussen [menu_title] en [keywords] dan krijg ik het resultaat zoals te zien is bij B in de bijlage.

Kun je me vertellen hoe ik de menu items horizontaal naast elkaar krijg met de subtitle eronder?[/list]

[Ruud]

Dat ligt verder aan de (css) styling die je voor het menu gebruikt. Dat is minder simpel als de eerste stap.

In ieder geval zou je geen <span> moeten gebruiken. Dat is een "inline" element type waar je dus geen <br> in mag/kan gebruiken. Een <div> of <li> (met floating) is daar beter op zn plaats.

Voor het stylen van menu's zijn trouwens betere websites en forums te vinden. Dat is niet echt een WB "probleem". WB levert de html data, het juist weergeven is afhankelijk van de kennis en creativiteit van de template bouwer.

[Ruud]

Wat aardige voorbeeldjes: http://www.tympanus.net/Tutorials/CSSonlyMenus/

[Meint]

Hoi Ruud,

Ik ga verder op zoek om het goed te krijgen. Bedankt zover.

Enig idee of in de toekomst er een direct manier in WB verwerkt wordt voor subtitels?

Groet, Meint

[Ruud]

Maar mijn glazen bol is even defect, dus wat er in de toekomst allemaal nog komt kan ik nu niet vertellen.

Nu serieus.. Naar mijn weten staat zoiets niet in iemands wensenlijstje.
Maar, met deze "truuk" kan je het in alle WB versies eenvoudig realiseren.

[Meint]

Bedankt!

[Meint]

Hoi Ruud,

Ik heb nog een aanvullende vraag over Show_Menu2. Ik heb onderaan dit bericht de code getikt die ik tot nu toe heb.

Ik heb nu een hoofdmenu en een submenu waarvan beide een subtitle zichtbaar is. Dus zoals je eerder uitgelegd hebt. Nu loop ik tegen de volgende twee problemen aan waar ik nog niet uitkom:

1. Het submenu moet in beeld blijven ook wanneer één van de subitems gekozen is. Nu verdwijnt dit telkens na het aanklikken van het subitem onafhankelijk van wat ik invul (SM2_ROOT+1, SM2_CURR+1, etc.)
2. Na het aanklikken van de parent in het hoofdmenu verschijnt het eerste child. Maar wanneer het eerste child rechtstreeks aangeklikt wordt dan verschijnt de inhoud niet.

Weet jij hoe ik bovenstaande kan oplossen?

Code:

<div id="top-menu-box">
     <div id="menu">

            <?php show_menu2(1, SM2_ROOT, SM2_START, SM2_ALL|SM2_ALLINFO,
'<ul>
<li>
<div class="title">[a][menu_title]</a></div>
<div class="subtitle">[a][keywords]</a></div>');?>
        
                </li>
            </ul>
        </div>
        
        <div id="menu2">
            
             <?php show_menu2(1, SM2_CURR+1, SM2_CURR+1, SM2_ALL|SM2_ALLINFO,
'<ul>
<li>
<div class="title">[a][menu_title]</a></div>
<div class="subtitle">[a][keywords]</a></div>', false) ;?>
        
                </li>
            </ul>
        </div>
    </div>

[Ruud]

Dit soort zaken is erg lastig om "droog" te bekijken.

Maar ik denk dat je in het tweede menu in ieder geval SM2_ROOT+1 als start moet gebruiken.
Nu staat er SM2_CURR+1, wat betekent dat je 1 level boven de huidige pagina begint met het menu.
Als je dat dus in een subpagina doet, zal het vanaf het derde level gaan werken.

De 3e parameter is normaal voor 1 level SM2_START+1 (of +2) om te zorgen dat je het level boven root+1 ook laat zien.

De 4e parameter bij een apart submenu bevat meestal een SM2_TRIM om te zorgen dat je daar alleen de huidige "tree" laat zien.

Verder is het niet logisch om de <ul> al in de 5e parameter te gebruiken. Die zet je er voor, of laat hem (standaard) door SM2 zelf genereren. Dan heb je ook de afsluitende /li en /ul niet meer nodig.

Misschien dat je hier iets aan hebt.

[Meint]

Dat was inderdaad de oplossing Ruud. Dat wat je zei over de /li en /lu moet ik nog even bekijken. Maar alvast bedankt zover.