CSSで「過去記事」にスクロールをつけました！！
2005年の3月からのアーカイブだから、ちょっと場所取っちゃうんだよね。
アーカイブ（過去記事）が長すぎて・・・。
サイドバーが余計長くなっちゃうので、CSSでスクロールをつけて
ちょっとだけ表示サイズを小さくしてみました(=´ω｀=)
3段レイアウトから2段に変更したので、右サイドバー1つにしちゃったことだし。
ここは1つ変更せねばっ(｀・ω・)p
というワケでスクロール機能をつけました。
以前教えてもらったのー♪
1964サマありがとうございます。
ちなみにあたしの指定したHTMLとCSSはこんな感じです(｀・ω・´)☆
HTML
<h2 class="menuBar">過去の記事</h2>
<div class="menuBg">
<div class="menu_archive">
<!-- ARCHIVE LIST MODULE -->
<{$archive_list}>
</div></div>
CSS
.menu_archive{
padding: 3px;
width: 174px;
text-align: center;
overflow : auto ;
height : 180px ;
}
HTMLのほうでdivで括ってそこに名前（class名）をつけて、
CSSでその付けたclass名に対して「こーしてね」、と指示を与える。
って感じです(｀・ω・)p
ちなみにアドバンス会員じゃないとHTMLいじれないので。。。
色んなサイトを見ていたら、javascriptで指定してる人もいたり。
可愛かったなー☆
でもヒナはこのスクロールバーで充分です(=´ω｀=)
機能的には充分ですから(=´ω｀=)
分かると楽しいCSS♪
今回はIE6でも確認したから大丈夫！
な、はず|ω・`)
こちらにも訪問頂きありがとうございました。
喫茶店に最近ハマッてました。是非またよらせていただきます♪
記事がお役に立てた・・とのことで、とても嬉しいですっ(=´ω｀=)
サイト拝見しました。
素敵な写真いっぱい＆喫茶店のカテがかなり気になりました。
うちはゆるいブログですが、またいらしていただけると嬉しいですｍｍ
わたしもgooを長く使っていたのですが、随分と
過去のエントリーが長くなってきて邪魔だなあと思って、こちらの記事を参考にさせていただきました。ひと言お礼が言いたくで書き込みさせていただきました。ありがとうございます。
コメントありがとうございます!!
お役に立てたようでとても嬉しいです(=´ω｀=)
という私も、教えていただいてやっと完成させられたのですが・・・。
でも、コメントまでいただけて嬉しいです。
こちらこそありがとうございました。
ブログの「過去の記事」が間延びしていましたので
何とかしないと思いつつ時間だけが過ぎてしまいました。
ネット検索でこの記事にたどり着き早速使わせて頂きました。
お蔭様でばっちりです。
ありがとうございました。
教えていただいたとおりに～♪
ちょっと変えましたが上手く出来ました。
ありがとうございました(=´ω｀=)
でも確かにアドバンスじゃないとdivタグにclassもidも付けられないですもんね・・・。
アドバンス、書籍化サービスも始まったし☆
いつか紙媒体で残したいなって思っていたので嬉しいです。
>エントリ違いですが、記事数は10の方が自分的には良いです。
>何気に直近の過去のエントリを読み直す事があるんですよ～。
メモメモφ(・ω・｀)...
直近のエントリ読んでくれてるんですか!!
嬉しいなぁ(=´ω｀=)キャッホイ
10の方が人気ですね。そうしようかな。
PV減るけど（爆
アドバンスだと(ちょっぴりですが)色々出来るから
いいですね。
エントリ違いですが、記事数は10の方が自分的には良いです。
何気に直近の過去のエントリを読み直す事があるんですよ～。
5つだとちょっと物足りない感じが・・・