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でも確認したから大丈夫!
な、はず|ω・`)
アドバンスだと(ちょっぴりですが)色々出来るから
いいですね。
エントリ違いですが、記事数は10の方が自分的には良いです。
何気に直近の過去のエントリを読み直す事があるんですよ~。
5つだとちょっと物足りない感じが・・・
教えていただいたとおりに~♪
ちょっと変えましたが上手く出来ました。
ありがとうございました(=´ω`=)
でも確かにアドバンスじゃないとdivタグにclassもidも付けられないですもんね・・・。
アドバンス、書籍化サービスも始まったし☆
いつか紙媒体で残したいなって思っていたので嬉しいです。
>エントリ違いですが、記事数は10の方が自分的には良いです。
>何気に直近の過去のエントリを読み直す事があるんですよ~。
メモメモφ(・ω・`)...
直近のエントリ読んでくれてるんですか!!
嬉しいなぁ(=´ω`=)キャッホイ
10の方が人気ですね。そうしようかな。
PV減るけど(爆
ブログの「過去の記事」が間延びしていましたので
何とかしないと思いつつ時間だけが過ぎてしまいました。
ネット検索でこの記事にたどり着き早速使わせて頂きました。
お蔭様でばっちりです。
ありがとうございました。
コメントありがとうございます!!
お役に立てたようでとても嬉しいです(=´ω`=)
という私も、教えていただいてやっと完成させられたのですが・・・。
でも、コメントまでいただけて嬉しいです。
こちらこそありがとうございました。
わたしもgooを長く使っていたのですが、随分と
過去のエントリーが長くなってきて邪魔だなあと思って、こちらの記事を参考にさせていただきました。ひと言お礼が言いたくで書き込みさせていただきました。ありがとうございます。
記事がお役に立てた・・とのことで、とても嬉しいですっ(=´ω`=)
サイト拝見しました。
素敵な写真いっぱい&喫茶店のカテがかなり気になりました。
うちはゆるいブログですが、またいらしていただけると嬉しいですmm
こちらにも訪問頂きありがとうございました。
喫茶店に最近ハマッてました。是非またよらせていただきます♪