FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

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

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

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

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


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

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


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

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


これでページ送りナビゲーションに枠を付けることができます。
関連記事
[ 7125 ]
早速記事にしていただきまして、本当にありがとうございます。
また、何かとお世話になると思いますが、その時もよろしくお願いします m(_ _)m
[ 2009/11/23 15:48 ] [ 編集 ]
[ 9168 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2013/04/29 14:30 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
ユーザータグ


△ ページトップへ戻る