2004年09月11日

■BlogPeopleリストをスクロール。

リストがだんだん場所をとるようになってきたので、
スクロールを導入しました。
参考にさせていただいたのはこちら↓

BlogPeople リンクにスクロールバーをつけるその2(PIROBLOGさん)
さて、その方法ですが、CSS に次の1行を加えるだけです。

.blogpeople-main { overflow: auto; height: 400px; }

これで、リンクリストが「height」を超えたときに自動的にスクロールバーが表示されます。設置方法の変更によりリンクリストの表示も早くなりましたので、おすすめいたします。

これだけでいいんですか?!
半信半疑ながら試してみると、あらまぁ。出来ましたよ。
簡単ですねぇ!
posted by sun at 14:57 | Comment(10) | TrackBack(2) | お知らせ
この記事へのコメント
このテク、パクっ!とパクらせていただいて良いですか?

BlogPeopleってCSSClassを公開してはるんですよね?これを使えば、色々できるんだろうけど、面倒で…。

Posted by KOu at 2004年09月13日 14:51
どーぞどーぞ。パクっといっちゃってください。
って、私があみ出したわけじゃないけど(笑)。
Posted by sun at 2004年09月13日 15:24
はじめまして。
すごいですね。
こんなカンタンにスクロールバー。
かなり「疑いながら」試しました…。

お世話になりました〜。
Posted by ちゃっぴー at 2004年09月17日 00:58
ちゃっぴーさん、はじめまして!

そうでしょう。にわかには信じがたいですよね。
お役に立てて幸いです(笑)
Posted by sun at 2004年09月17日 10:28
こんばんは。 はじめまして。

「CSS に次の1行を加えるだけ」
.blogpeople-main { overflow: auto; height: 400px; }

こちらの記事を拝見し、私もやってみたいと思いましたが、上手くいきませんでした。

もし、ご迷惑でなければ教えて頂けますか?

seesaaの場合、
デザイン→スタイルシート→(現在使っているスタイルシート名をクリック)→スタイルシートの最後に
.blogpeople-main { overflow: auto; height: 400px; }
を追加して「スタイルシートを変更する」をクリック→再構築

この手順でやってみてサイトを確認した所、駄目でした。
Posted by Kao at 2005年10月16日 20:14
こんばんは^^

Kaoさんのサイトを見ていないので何とも言えないのですが、
リストがもともと400pxより短いってことはありませんか?
この数字を、私の場合は100pxに設定してあります。

これ以上のことは、私も詳しくないのでごめんなさい・・・
上手くいくといいですね!
Posted by sun at 2005年10月17日 20:40
こんにちは。
お返事ありがとうございます。
100pxにして、もう一度やってみます!
Posted by Kao at 2005年10月18日 19:14
はじめまして。

私はseesaaブログを使っています。

スクロールを考えているんですが、、
100Pxにもしてみたんですが、、うまく行きません。。

すみません、お手数なのですが教えていただけますでしょうか。

初心者ですみません、blogpeopleに登録しないとスクロールはできないのでしょうか?(そんなとんちんかんな事はないですよね。。)
貼る位置とか関係ありますか?

一番下にはりつけたのですが。。
Posted by komoko at 2006年02月27日 22:15
komokoさん、はじめまして^^

えっと、私もPIROBLOGさんに書いてあったとおりにしただけなので
詳しいことが分からなくて申し訳ないのですが、
この方法はBlogPeopleのリストをスクロールさせる技なので
たぶん他のものには使えないのではないかと思います。

これで回答になってるかな・・・?
お役に立てなくてごめんなさいです。
Posted by sun at 2006年02月27日 22:26
sunさん

やはりそうでしたか。。
なんとなくそんな気がしました!


お役に立てないなんてとんでもないです!
私の方こそ失礼いたしました!
ご回答ありがとうございます!!

Posted by komoko at 2006年03月01日 00:14
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/581922

この記事へのトラックバック

■BlogPeopleリストをスクロール
Excerpt: なが〜ぃのをクルクル ■BlogPeopleリストをスクロール。[::SUNROOM:::さん]で、ええことを教えてもらった。 元ネタはBlogPeople リンクにスクロールバーをつける その2 -...
Weblog:  M O O - T _ b l o g
Tracked: 2004-09-14 18:06

BlogPeople リンクをスクロール
Excerpt: 瞬きする間にできるくらいカンタンです。 CSSファイルに以下の1行を加えるだけ。 .blogpeople-main { overflow: auto; height: 400px; } まぢで...
Weblog: ちゃっぴーのひとりよがり
Tracked: 2004-09-17 01:03