メインメニュー
昨日の説明で後回しにした、ヘッダ部分のメニューですが、ここに使われていない左ブロックを割り当てます。
だたし、お約束としてメインメニューブロックを割り当てるものとし、メインメニューブロックのテンプレートも、テーブルではなくリスト(ul, li)で書き換えます。
これによって、メインメニューをヘッダに表示できるようになります。
style.css に追加
#menu #mainmenu a {display:inline;} #menu #mainmenu { width:600px; height:15px; float:left; margin:10px 0px 0px 4px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#929eb6; } #menu #mainmenu li { display:inline; padding:2px 10px; margin:0px; background-image:url(images/menuspacer.gif); background-position:right; background-repeat:no-repeat; } #menu #mainmenu li a, #menu .left li a:visited { text-decoration:none; color:#929eb6; } #menu #mainmenu li a:hover { text-decoration:none; color:#fff; }
theme.html の修正
<div id="menu"> <{if $xoops_lblocks}> <{foreach item=block from=$xoops_lblocks}> <{$block.content}> <{/foreach}> <{else}> <ul class="left"> <li><a href="<{$xoops_url}>/">Home</a></li> <li><a href="<{$xoops_url}>/">Home2</a></li> <li><a href="<{$xoops_url}>/">Home3</a></li> </ul> <{/if}> <ul class="rss"> <li><a href="<{$xoops_url}>/rss">Comments RSS</a></li> <li><a href="<{$xoops_url}>/fullrss">Full RSS</a></li> </ul> </div>
legacy_block_mainmenu.html の修正
<ul id="mainmenu"> <li><a class="menuTop" href="<{$xoops_url}>/"><{$smarty.const._MB_LEGACY_HOME}></a></li> <{foreach item=module from=$block.modules}> <li><a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a></li> <{foreach item=sublink from=$module.sublinks}> <li><a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a></li> <{/foreach}> <{/foreach}> </ul>