MTテンプレートでのCSSによるタブメニューの作成
いろいろ探してみると CSS Tab Designer というフリーの Software(?) に行き当たった。同様の日本語サイトもあるが、どうも海外のサイトの方があか抜けている。早速、css_tab.zip ファイルをダウンロードして展開してみるとお誂え向きのサンプル (Tab Menu10)があった。これには、そのサンプルのHTMLコードがついており、これをページ作成ソフト(私の場合、Dreamweaver MX )にコピー&ペーストして、いろいろと弄って応用した。主な変更点は、文字コードを utf-8 にして日本語が扱えるようにすることとボタンのテキストやリンク先の指示やボタンの色を変えることなどである。
MTへの持ち込みは、StyleText 部分を本来のスタイルシート(styles-site.css) に付け加え、<body><div> 部分のコードをテンプレートに挿入した。なお、私はテンプレートのヘッダー部分などは、モジュール化しているので以前に自分で作成しているテンプレートへの追加となる。このように多くのテンプレートを修正する場合には、モジュール化は重宝する。
できあがりは画面でご覧いただけると思うが、このようなタブ区分と右サイドのカテゴリー区分とが完全に一致していないので、カテゴリーを再度見直す必要がある。また、サブカテゴリーも設けているので、プルダウンできるような改良も必要である。
なお、IEではボタンテキストの日本語だけのものと英語まじりのものとでは、表示が微妙に異なるようである。Firefoxでは揃って表示されている。