メインメニュー

昨日の説明で後回しにした、ヘッダ部分のメニューですが、ここに使われていない左ブロックを割り当てます。
だたし、お約束としてメインメニューブロックを割り当てるものとし、メインメニューブロックのテンプレートも、テーブルではなくリスト(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>