Webdiary 導入記録-2

エントリー

2008/04/05 22:33

ヘッダー部にアクセスカウンタを実装した際の方法を紹介します。同一行の左端にメニューを表示し、また右端にアクセスカウンタを表示する為にスタイルシートを作成しました。アクセスカウンタはASJ社のオリジナルを使っていますが一般的なモノでも利用可能だと思います。header.htmlファイルを以下の様に変更して下さい。

--変更前

--
<div id="menu">
<h2>目次</h2>
<ul>
<li><a href="${INFO_BACK}">戻る</a></li>
<li><a href="${INFO_PATH}?mode=rss">RSS</a></li>
<li><a href="${INFO_PATH}?mode=admin">管理者用</a></li>
</ul>
</div>

--変更後

--
①</head>～<body>の間に追加
</head>
<style type="text/css">
div.menu1 { text-align: left; float: left; }
div.menu2 { text-align: right; color : #00ff00 ;}
</style>
<body>
②<div id="menu">～</div>の間を変更
<div id="menu">
<h2>目次</h2>
<ul>
<div class="menu1"><a href="${INFO_BACK}">戻る</a>   <a href="${INFO_PATH}?mode=rss">RSS</a>   <a href="${INFO_PATH}?mode=admin">管理者用</a></div>
<div class="menu2"><img align="top" src="(アクセスカウンタのURL)">hits</div>
</ul>
</div>