http://10plate.blog44.fc2.com///blog-entry-327.html

ページ送りナビゲーションに枠を付ける

以前に「ページ送りナビゲーション」を表示する方法を紹介しました。
この各リンクを枠で囲んで表示する方法を紹介します。

以前紹介したページ送りナビゲーションのスクリプトにこのような箇所があります。

if (i == c) {
document.write(' ' + i + ' ');
} else {
document.write(' <a href=\"' + base + (i - 1) + ext + '\">' + i + '</a> ');
}

これを次の様に書き換えてください。

if (i == c) {
document.write(' ' + i + ' ');
} else {
document.write(' <a href=\"' + base + (i - 1) + ext + '\">' + i + '</a> ');
}

そしてスタイルシートの末尾に以下を加えてください。

.pnavi {
border: 1px solid #cccccc;
padding:2px;
}

これでページ送りナビゲーションに枠を付けることができます。

関連記事

[ 2009/11/23 14:46 ] カスタマイズ共通カスタマイズ | TB(0) | CM(2)