TB PEOPLEリストにスクロールバーを付ける

BlogPeopleのTB Peopleリストを3つも並べたらサイドが長くなり、見づらくなってしまいましたのでスクロールバーを付けました。

参考にさせて頂いたのはKOROPPYの本棚さまの「トラック・バックピープルのデザインを変更」と小粋空間さまの「トラッグックピープルにスクロールバーをつける」です。

BlogPeopleにログインする。
トラックバックピープルの話題を探す。
話題が見つかったら、「この話題のリンクリストを作成する」をクリックする。
トラックバック・ピープル　スクリプトの作成画面で「生成」をクリックする。
スクリプトをコピーする。
Seesaaプログの場合は
デザイン→コンテンツ→自由形式に貼り付ける。
トラックバックのリストの上に何のリストか表示したかったので、
リストの名前を入れました。
スタイルシートのHTML編集で

.blogpeople-tbp-box {
/* 必要に応じて設定 */
}

.blogpeople-tbp {
overflow: auto;
height: 110px;
}

.blogpeople-tbp-credit {
text-align:right;
margin-top:4px;
}

スクロールバーはここまでで設定できるのですが、
リストの上にリスト名を表示したらリストか名前か判別が付き辛くなったので
リストの前にミニアイコンをつけました。

.blogpeople-tbp-link {
padding-left:15px;
background-image:url(画像のurl);
background-position:0px 5px;
background-repeat:no-repeat;
}

この肉球アイコンはにゃんだふるきゃっつ!さまからお借り致しました。

Comments

トラバ&ご紹介、ありがとうございました。
肉球アイコン、かわいいです(*^.^*)
記事終わりのライン素材と揃ってるんですね。

Posted by KOROPPY at 2005年06月08日 09:55

KOROPPYさま、いらっしゃいませ。
肉球が好きなんですよ〜
そのうちに肉球の館になってしまうかもしれません。

Posted by nekobaba at 2005年06月08日 19:54

きょうは表示するつもりだった。

Posted by BlogPetの「しろねこ」 at 2005年06月10日 14:01

はじめまして！
スクロールの付け方、とても分かりやすかったです＾＾私のような初心者でも設置できました！
ありがとうございました。

Posted by レイラ at 2005年09月07日 09:57

BPのリンクさせていただきました〜。
またお世話になるかもです。よろしくです＾＾

Posted by レイラ at 2005年09月07日 10:17

レイラさま、お役に立てて光栄です。
こちらこそ宜しくお願い致します。

Posted by nekobaba at 2005年09月07日 20:00

はじめまして(^^)
TBPのリストの表示が上手くできなくって、
さまよってました。
日を改めてまた設定したいと思ってますので、
またお邪魔させてくださいね。
設定完了後、記事にて紹介させてもらって良いですか？

Posted by かずね at 2006年07月07日 03:37

かずねさま、いらっしゃいませ。
ご参考になりましたでしょうか？
記事に紹介して頂けるなんて光栄です。
宜しくお願い致します。

Posted by nekobaba at 2006年07月11日 20:04