Page 1 of 1
[Opgelost] Grafisch menu maar HOE???
Posted: Tue Sep 14, 2010 7:41 am
by 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 ...
Re: Grafisch menu maar HOE???
Posted: Tue Sep 14, 2010 7:59 am
by 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:
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)
Re: Grafisch menu maar HOE???
Posted: Tue Sep 14, 2010 8:29 am
by deactivated010521
----------
Re: Grafisch menu maar HOE???
Posted: Tue Sep 14, 2010 10:43 am
by erpee
Dank jullie wel!
[Opgelost] Re: Grafisch menu maar HOE???
Posted: Wed Sep 15, 2010 6:57 am
by erpee
erpee wrote:
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 ...
Re: Grafisch menu maar HOE???
Posted: Wed Sep 15, 2010 8:30 am
by brentnl
je moet van de eerste post de topic titel aanpassen naar [opgelost], niet in een nieuwe reply
Re: Grafisch menu maar HOE???
Posted: Wed Sep 15, 2010 1:51 pm
by erpee
hahaha Verkeerd geklikt ...