[Opgelost] Grafisch menu maar HOE???

[erpee]

Hoe krijg ik het volgende voor elkaar ...
Ik wil een grafisch-menu.
 
 * voor Home gebruik ik "home.png"
 * voor Artikelen gebruik ik "artikel.png"
 * voor Mail gebruik ik "mail.png"

(De opgegeven namen zijn de namen die ik in heb gegeven als Menutekst)


Er is (nog) geen 2e laag voor het menu nodig, het gaat dus puur om een horizontale knoppenbalk op basis van afbeeldingen.

Ik weet dat ik dit kan hardcoden ... maar de menumanager is een elegantere oplossing ... maar daar snap ik weer geen hout van ...

[brentnl]

Eigenlijk is het relatief simpel, je past je menu template zo aan dat de naam van de ingegeven knoppen overgenomen wordt in het menu. iets in de trend van:

Code: Select all

<li><a href="{$node->url}"> <img src="images/menu_knoppen/{$node->menutext}.png"/></a.....

Op de plaats {$node->menutext} komt dan 'home/artikel' enz te staan, wat resulteert in:

Code: Select all

images/menu_knoppen/home.png

Ik heb vroeger ooit een website gemaakt op deze manier, daar heb ik dit menu template gebruikt. Weet niet of deze compatibel is met alle browsers, so don't blame me Hij is zo gemaakt dat hij voldeed aan wat ik nodig had; er wordt ook geen rekening gehouden met parent/child elementen of section headers of iets dergelijks.

Code: Select all

<ul>
<img src="/images/menu/normal/menu_left.png" class="menu_left" alt="menu_left"/>
{foreach from=$nodelist item=node}
   {if $node->alias == $page_alias}
<li><a href="{$node->url}"><img src="/images/menu/pressed/{$node->menutext}.jpg" alt="{$node->menutext}" border="0"/></a></li>
{else}
<li><a href="{$node->url}"><img src="/images/menu/normal/{$node->menutext}.jpg" onmouseover="this.src='/images/menu/hover/{$node->menutext}.jpg'" onmouseout="this.src='/images/menu/normal/{$node->menutext}.jpg'"alt="{$node->menutext}" border="0"/></a></li>
{/if}
{/foreach}
<img src="/images/menu/normal/menu_right.png" class="menu_right" alt="menu_right"/>
</ul>

Verder zou ik je wel willen adviseren 'gewone' menu's te gebruiken; ten eerste is dit over het algemeen sneller geladen, en voor het indexeren van zoekmachines is het (volgens mij) beter.
Je kunt wel iets van cufón gebruiken, dan krijg je ook mooie resultaten: voorbeeld (gebruik gemaakt van een simpele button achtergrond, wat CSS en cufón)

[deactivated010521]

----------

[erpee]

Dank jullie wel!

[erpee]

Hoe krijg ik het volgende voor elkaar ...
Ik wil een grafisch-menu.
 
  * voor Home gebruik ik "home.png"
  * voor Artikelen gebruik ik "artikel.png"
  * voor Mail gebruik ik "mail.png"

(De opgegeven namen zijn de namen die ik in heb gegeven als Menutekst)


Er is (nog) geen 2e laag voor het menu nodig, het gaat dus puur om een horizontale knoppenbalk op basis van afbeeldingen.

Ik weet dat ik dit kan hardcoden ... maar de menumanager is een elegantere oplossing ... maar daar snap ik weer geen hout van ...

[brentnl]

je moet van de eerste post de topic titel aanpassen naar [opgelost], niet in een nieuwe reply

[erpee]

hahaha Verkeerd geklikt ...