Top
ご訪問ありがとうございマス!!
ブログちょこちょこ再開予定です。
みなさま、またよろしくお願いします☆

↑デザイン・アート部門
最高記録10位です☆
++最新の記事++
9/14【映画を観る】
NANA
9/14【雑記】
脳みそゲーム
9/13【愛犬と暮らす】
こんなに大きく
9/12【あなたとわたし】
ハッピーサマーウェディング♪
7/9【オンナの愉しみ】
エスニックブーム
7/2【あなたとわたし】
もめごと
6/21【あなたとわたし】
やきもち
6/20【映画を観る】
交渉人 真下正義
6/7【オンナの愉しみ】
10年ぶり
6/5【あなたとわたし】
すきなひと
6/4【あなたとわたし】
ふわふわ
6/1 【デザインとアート】 +others+
かたちあるもの
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Category
【あなたとわたし】
恋愛のコト、友達のコト。

【本を読む】
オススメ度と感想。

【音を楽しむ】
お気に入りのオンガク。

【映画を観る】
観るものは偏りがち。

【ブログ試行錯誤】
初心者なりの
スキンいぢり挑戦談。

【愛犬と暮らす】
わんこの話題。

【デザインとアート】
インテリアとか、
雑貨とか、好きな物。

【オンナの愉しみ】
美容、食べ物とか
ファッションのこととか。

【日々想うこと】
心の整理と日記

【雑記】
どうでもいいこと。
Comment
最新のコメント
cheap cheap
by FywAjata at 00:56
Greetings, ..
by Investblogger at 17:28
Ladies and G..
by Investblogger at 14:14
hypnotherapy..
by elizabeth at 06:22
[url=http://..
by orielmilm at 03:58
penis enlarg..
by hypnothera at 02:51
Recently fr..
by arabic fre at 01:02
[url=http://..
by orielmilm at 22:38
hypnotherapy..
by hypnothera at 14:31
Most downlo..
by boost free at 13:00
人気ジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
Trackback
最新のトラックバック
watch Enemy ..
from movies review
Manchurian C..
from historical rev..
divx Hostage..
from uk film reviews
online Kanga..
from reviews of cur..
download thi..
from movie trailer ..
download a M..
from Download New M..
Mousehunt ip..
from review movies ..
Mousehunt ip..
from review movies ..
Birds, The v..
from movie trailers
download new..
from movies reviews..
Link
【動作確認】
Internet Explorer6.0/Netscape7.1
Opera7.53/Firefox 1.0
IE以外ご利用の方で
文字が見にくい方は
表示→文字のサイズなどで
変更してご覧下さい。
お手数をおかけします。
【トラックバックをする際のお願い】
アフィリエイト目的だと判断した
トラバは削除させて頂いております。
トラックバックは大歓迎ですが、
記事の中で紹介・もしくは
コメントがない場合も内容を確かめた上で
削除する場合があります。ご了承下さい。
皆さんネットマナーを守って
楽しくインターネットをしましょうよ(懇願)
++ 好みのスクロールバーをつける ++
スキン編集の簡単実用編第1弾。

内容
 好きな場所に、好きな色のスクロールバーをつけます。

良いところ
 色のイメージを統一できる。
 どちらかというと自己満足の世界かも(^-^;)

注意点
 全部スクロールにしてしまうと、余計に見にくくなっちゃいます。
 追記
 wolf_japan様からのご指摘により、以下を追記とします。
 この方法はIE依存であり、他のブラウザでは反映されません。
 また、この定義を使用する場合、W3Cの規格外であることをご了承の上でお願いします。

対応ブラウザ
Internet Explorer6.0:○
Netscape7.1:×
Opera7.53:×
Firefox 1.0:×

準備
 今日は、例としてポスト画面の本文だけ、
 横幅は500ピクセルで固定、高さ300ピクセル以上の場合
 縦スクロールで表示する、という方法を紹介します。



++続き++


まず、css編集画面にdivタグの要素を指定します。
ちなみにdivはブロック要素(前後で改行されるもの)
spanはインライン要素(改行されないもの)です。

今回はポストの本文のみなので、
div.POST_BODYという要素を探してください。

CSS編集
div.POST_BODY
{width : 500px;
/*ブロックの横幅*/
height:300px; /*ブロックの高さ*/
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
/*スクロールの方法を指定*/

scrollbar-face-color :#FFFFFF;
scrollbar-highlight-color :#FF6699;
scrollbar-shadow-color :#FF3366;
scrollbar-3dlight-color :#FFFFFF;
scrollbar-arrow-color :#FF6699;
scrollbar-track-color :#FFFFFF;
scrollbar-darkshadow-color :#FFFFFF;
scrollbar-base-color :#FFFFFF;}

/*#~の部分がカラーコードです。色名でもOKです。
好きな色を当てはめて試してみてください。*/

次に、HTML編集の画面から、本文の部分を表示します。

HTML編集→本文編集
<div class="POST_BODY">
<$postcont$>
</div>

/*初期設定がこれだと思います。
このようになっていれば、OKです。*/


簡単に説明すると、css編集画面は、外部スタイルシートです。
今回の例だと、「本文のdivタグのうち、クラスがPOST_BODYである」部分に
適用するスタイルシートだと理解してください。
もし、css編集画面で.POST_BODY部分を削除してしまうと
本文の全てのdiv要素にスタイルシートが適用され、全部にスクロールバーがつきます。
・・・ってわかりにくいですかね(泣
[PR]
by trickycat | 2004-10-15 15:32 | ブログ試行錯誤 ▲page top▲