FC2ブログ

スクロールバー応用してみました!!

2006年02月23日
先日スクロールバーをつけてみました。
(そのときの記事はコチラ
そのときに使わせてもらったのが下のコード。

CSSに追加
DIV.MENU_SC { OVERFLOW : AUTO; HEIGHT : 300PX; }
各プラグインに追加
<DIV CLASS=MENU_SC><p class="plugin-freearea" &align>
&freearea
</p></DIV>

こちらは「ROOM-M」mioさん の記事より引用させていただきました。
mioさんの記事はコチラ
mioさん、いつもありがとうございます。<(_ _)>

これを見ながら部分によりスクロールバーの長さを
変えられないかなぁと考えていました。
300PXの部分を変えると全部が変わってしまいます。
コメントやトラックバックの部分はこれでいいのですが、
後姿ラブリー同盟のところは長すぎるんだよなぁ。
リストも最大10件までらしいし。。。( ̄へ ̄|||) ウーム

と見ていて気がついたのがCLASSという文字。
確かCSSでは自分ですきなCLASSが設定できたはず。
と思い家にある辞典を調べてみたらなんとなく
分かったような気がするので試してみた。

このmioさんのコードの場合MENU_SCというのがクラスの名前らしい。
なので
DIV.MENU_SC2 { OVERFLOW : AUTO; HEIGHT : 180PX; }
というのを作ってみた。
名前が安易なのは気にしない気にしない。(^▽^;)
そして「後姿ラブリー同盟」のプラグインのところも
<DIV CLASS=MENU_SC>を<DIV CLASS=MENU_SC2>に変更。


やったーーーー!!出来たーーーー!!
 ワーイ♪♪\(^ω^\)( /^ω^)/♪♪ワーイ 


ちなみにスクロールバーの色を変えることもできるので
やってみたのだが。。。

ヽ(  ̄д ̄;)ノ ハラヒレホロヒレハレーー
趣味わるっ!!


なのでやめました。
またじっくり取り組めるときにやってみます。
だって5~6種類くらい色を決めなきゃいけないんですよー!!

CSSはこうして自分で名前をつけていろいろ調節できるようです。
この場合、<div>というタグに自分の好きなクラスを追加するということのようだ。
<div>☆</div> のように<div>タグで挟まれた部分(☆の部分)に
自分で設定した変更を付け加えるということですね。
なるほど。とっても便利ー。(゚-゚*)(。。*)ウンウン
まゆびの説明なので分かりにくくてごめんなさいね。<(_ _)>


スクロールバーの長さの設定ができるようになったので
前からやりたかったものを追加。
よろしければ次の記事をごらんくださいませ。
スポンサーサイト



メイン

トラックバックURL


トラックバック

祝、1000句 from ROOM-M
振り返ってみると、昨年10月よりあたまがうにになるさんのBlogPetの俳句集をりようさせていただいているのですが。ふと気づいてみれば、こうさがどうやら1000句詠んだらしいのです。 [Read More]

俳句集にスクロールバーを設置したよ♪(yozoblog) from うさもの気が向いたと記
おーい♪うさも♪ ちょっとだけカスタマイズの投稿ですよー♪ うさもの俳句集にスクロールバーを設置したよ♪ これでたくさん表示しても、邪魔にならないよね。 o(*^▽^*)o~♪ [デザイン]-[スタイルシート]-[適用しているタイトルをクリック]して、下のコードを貼り付 [Read More]

簡単にスクロールバーをつけましょう♪ from yozoの気が向いたと記
記事内の引用が長くて、とても読みにくくなってしまうことがありますよね。そんなときに、引用の部分だけにスクロールバーがつけばとても便利ですよね。読んで欲しい呼びかけや注意などにも有効だと思います。このカスタマイズは、CSSがいじれるブログならどこのブログでも [Read More]

コメント

>だって5~6種類くらい色を決めなきゃいけないんですよー!!
「scrollbar-base-color」を使えば、簡単に設定できますよ。
http://www.tohoho-web.com/css/reference.htm#scrollbar-base-color
KOROPPYさん、こんばんは♪ヾ(=^▽^=)ノ

いつもいつもいろいろ教えていただいて
ありがとうございます!!<(_ _)>
これならとりあえずひとつの色を
設定すればいいのですね。(゚-゚*)(。。*)ウンウン なるほど!!
あとはまゆびの色のセンスの問題ですね!!(笑)
試してみますね。本当にありがとうございます♪(*゚▽゚)ノ
まゆびさん、こんばんはー♪
ついにCSSの設定までやっちゃう人にレベルUPですね♪
私にも教えてねー♪楽しておいしーとこだけGetってだめ?
↑デザインの才能0、CSSの設定はだから嫌いなヤツです♪

カスタマイズの記事なのに、
なぜか楽しいのは、さっすがまゆびさんですね♪
とてもわかりやすく、とっつきやすい記事になってますよ♪
very d(*⌒▽⌒*)b good
yozoblogさん、こんばんは♪ヽ(=´▽`=)ノ

CSSってとっても便利だなぁと改めて思いました。
先に設定しておけば変更も楽に出来そうですものね。
見た目を良くしようとして、色などを変えようと
思ったのですが、あまりにもセンスがなさすぎて
ビックリしました!!(爆笑)
色を設定するのって本当に難しいですね。(゚ー゚)(。_。)ウンウン

分かりやすくなっていましたか?
それなら良かったですが、自分でもはっきり分かってないことを
文章にするのは苦労しますーー。 (笑)
少しでも伝わったのならうれしいです!!(*゚▽゚)ノ
まゆびさん、すごいよー(>_<)b
わたしは何も考えることなく、テンプレ作者さんの記述の通りにスクロールバーをつけているだけでしたもの。
まゆびさんの応用力はすごいです。

そっかそっか、CLASSって好きに設定できるんですもんねぇ・・・
意味を考えれば、そういうことになりますよね・・・

えぇと、mioも真似させていただいてよろしいでしょうか・・・?(*ノノ)
mioさん、こんにちは♪ヾ(=^▽^=)ノ

mioさんたら、褒め上手なんだからー!!(^ー^* )フフ♪
でもとてもうれしいです!!ありがとうございます!!

まゆびはmioさんの記事のおかげで
やる気になったんですよー!!
分かりやすい記事に感謝でございます。(゚-゚*)(。。*)ウンウン
ちょっとうまくいったので
勉強する意欲がでてまいりましたー♪(゚∇^*) テヘ♪
まゆびさん、こんにちは♪
おかげさまでうちにもサイドバーに俳句テキストが置けるようになって
感謝感謝でございます(*'▽')
ちらりと記事に書かせていただいたので、TBぶーんと送りますね。
またおじゃましまーす*'ー')ノ
mioさん、トラックバックありがとうございます!!(*゚▽゚)ノ
トラックバックとってもうれしいものですねぇ。
ブログを始める前は正直よく分かっておらず
迷惑トラバしか印象になかったのですが、
やっと便利な機能だということが分かりました!!(遅っ!!)
記事の方楽しみです。
これからお邪魔させていただきますね♪(*^-^)ニコ
まゆびさん、こんにちはー♪
おかげ様で、俳句集にスクロールバーを
つけることができました。
(うさもの気が向いたと記の俳句集です。)
ご報告がてらのトラバを入れさせていただいています。
お暇なときにでも、見てやってください。m(_ _)m
yozoblogさん、こんにちは♪ヾ(=^▽^=)ノ
スクロールバー設置おめでとうございます!!
これでたくさんの俳句を表示できますよね!!(゚-゚*)(。。*)ウンウン
うさもちゃんは俳句の達人ですから、
これでお友達が詠ませてくれた俳句も楽しめますよね♪
トラックバックもありがとうございます。<(_ _)>
後でお邪魔しますね♪ヽ(=´▽`=)ノ

コメントする

サイト管理者にのみ通知する
コメントをプレビューする?
ご利用のブラウザ、設定ではご利用になれません。

|

Copyright c 200x xxxxx. All Rights Reserved.

/for one column -->