TrackbackPeople]トラックバックピープルのリンクリストにスクロールバーをつけるカスタマイズです。スクロールバーをつける(改)に続く第3弾です。カスタマイズの前に、トラックバックピープルのリンクリストのデフォルトのタグは下記のようになっています。タグで分割されているので、CSSの設定のみでスクロールとクレジットバナーを分割できたのですが、トラックバックピープルは新着記事を最大10件まで表示するという仕様であるため、タグの構成が異なっているようです。blogpeople-tbp-creditというクラスセレクタを設定することで、きめ細かいスタイルを指定することができます。これはトラックバックピープルの「スクリプトの作成」ページの下の方に「上級者向け情報」として説明されています。他のリンクリストと同様にスクロールバーを与える場合、本来のタグ構成では実現できないため、クレジットバナーおよびクレジットをスクロールバーの外に完全に追い出すスクリプトを作りました。付与することでタグの帳尻を合わせています。BlogPeople」)</div></div>以下カスタマイズ方法です。></script></div>としてください。なくても大丈夫と思いますが、他のタグについては動作未確認です)。属性名を設定してください。属性名と重複しないこと)。追加が終わったら保存・再構築してください。2.テンプレートにJavaScript追加1項のトラックバックピープル表示用タグの下に、下記のスクリプト(青色)を追加します。属性名を設定してください。追加が終わったら保存・再構築してください。下記のクラスセレクタをスタイルシート(styles-site.css)に新たに定義します。場所はどこでも大丈夫です。0px;}上から順番に、全体・リンクリスト用・クレジットバナーおよびクレジット用のスタイルです。内容は適宜変更してください。同一名称のクラスセレクタがすでに存在する場合は、クラスセレクタを任意の名称に変更してください。その場合、2項のスクリプトに埋め込まれた3項のクラスセレクタ名を変更した名称に修正してください。追加が終わったら保存・再構築してください。Windows2000・XPのIE6.0/Netscape7.0/Firefox1.0/Opera7.23・8.0で正常に表示されることを確認しています。追記2項のHTMLタグに誤りがありましたので修正しました。CU*Chu!大阪組の皆さんおつかれさまです。BlogPeople設置。BLOG小粋空間様のトラックバックピープルにスクロールバーをつけるを、設置してみました。Peopleにスクロールバーを付けてみた。FSRに乗ってカスタマイズの参考にさせていただきました。分かりやすい説明のおかげで助かりました。BLOG昨日辺りから、結構大がかりにブログの体裁をいじっています。Style欲張りな私は、いろんなトラックバックピープルに参加。おかち日和SereneBachでウェブログを新しく作るにあたり、たくさんの技をお借りしました。コンニチワートラックバックURLの欄、コピーしやすくなってますね。結局、高さを今のところ高めにしてるから、スクロールバー表示されてません。なんにもしてないのと同じ状態ですが、今後、縮める気になったときにはCSSのheightのとこだけ数字を変えればいいので楽チンです。AM>さえらさんこんばんはー。ご利用&トラックバックありがとうございます。将来的に表示リスト数が増えることを期待しましょう。指摘してくださってありがとうございました。修正しておきましたぁ。10件って決まってなくて、設定できればいいのに・・・って思います。一日以上おちたままですよね。AM>さえらさんおはようございます。ご連絡ありがとうございました。MyblogList、エントリーの通り、まだドメイン登録が反映されていないようですね。非表示にしておいた方がいいかも知れませんね。AM初めまして♪いつもいつも、小粋空間サンところのカスタマイズは参考にさせていただいてるのですが初めてコメント残させていただきます。_)o))トラックバックピープルのバナーを残したスクロールバーの設定は出来ないのかなぁと試行錯誤しながらやってみたのですが、上手くいかなくて・・・;このエントリーが挙がって、早速参考にさせていただきました。ありがとうございます。TBも飛ばさせていただきました。PM>myaoさんはじめまして。記事参照&トラックバックありがとうございました。気に入って頂けたようで良かったです。AMTBPのスクロールについて質問した、なつです。丁寧に解説してくださってありがとうございました!私には到底できるはずのなかったテクでした...感謝しております。困ったことがあったら質問させていただきますね。PM>なつさんこんばんは。お役に立てたようで良かったです。何かございましたらお気軽にご連絡ください。PMトラックバック・ピープルにスクロールバー、私もやってみました。BPと高さを合わせて、統一感を出してみました。PM>ねーさんこんばんは。ご利用&ご連絡ありがとうございます。PMとても分かりやすい説明だったので、無知な私でも、トラックバックピープルにスクロールバーをつけることができました?。本当にどうもありがとうございました。AM>チカさんこんにちは。ご利用&ご連絡ありがとうございました。うまくできたようで良かったです。こちらの記事でホントに助かりました。Peopleを設置することができて感謝してますどうもありがとうございました。PM>miguさんはじめまして。ご利用&ご連絡ありがとうございます。うまう設置できたようでよかったです。トラックバックピープルのリンクリストのデフォルトのタグをどうやって表示させるのかわからなくて、とりあえず「以下カスタマイズ方法です。」以降の手順1?3に従ってスクロールバーを設置してみましたが、やはりバナーとクレジットは外に出てくれません。AM>k*さんはじめまして。ご利用ありがとうございます。いう文字が含まれているようです。全て削除して、再度実行してみてください(ソースを拝借して確認したところ、OKになりました)。それではよろしくお願い致します。ご回答ありがとうございます。AM>k*さんこんばんは。ご連絡ありがとうございました。うまくできてよかったです。URL変更されたようですが再度ご連絡頂ければ幸いです。ありがとうございます。・・・がリンクリストを増やすと横スクロールが表示されるようになってしまいました。2つとも横スクロールしませんでした。プチモールブログだけです。私の上記コメントの削除をお願いいたします。hidden;を追記して強制的に消しました。AM>あかねさんこんばんは。カスタマイズご利用ありがとうございます。ご返事遅くなってすいません。横スクロールが表示されるのは特定のTBPだけですので、表示されている文字の何かが影響しているのではないかと思います。overflow-xプロパティはIE特有のものですが、他のブラウザでは横スクロールしないようですので、あかねさんの対処で大丈夫と思われます。それではよろしくお願い致します。