Movable Typeのカテゴリーで「Paged Archivesプラグイン」を利用して分割したのですがそのまま使うと少し味気ない感じになります。
せっかくなのでカテゴリーのページを表示するナビ部分をCSSを用いて枠線を作ってみます。この方法は「Paged Archivesプラグイン」を利用する
場合有効です、Movable Typeカテゴリーのページ分割をご覧ください。
![]()
↑こんな感じになります。
Movable Typeのスタイルシートに以下を貼り付けてください。
.paged-archives a, .paged-archives a:visited{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
}
.paged-archives b{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
background-color: #dae0e6;
}
カテゴリーアーカイブのナビゲーション用のタグ部分に以下を貼り付けます。
<MTPAIfMultiplePages>
<p class="paged-archives"><MTPAPageList></p>
</MTPAIfMultiplePages>
これでナビ部分に枠が追加され現在のページ部分に背景がつきました。background-colorやフォントのcolorを変えれば見栄えも良くなるかもしれません。
スポンサード リンク

アイコンとウィンドウが飛び回るスクリーンセイバー
パスワードを自動で生成してくれる「SafePasswd」
雪の結晶を作成「Create Your Own Snowflakes」
相関図メーカーで「昼ドラ」を体験しました
MacとWindowsに!おしゃれな時計スクリーンセイバー
「Googleのロゴを作成するFunnyLogo」