スクロールバーの色をcssファイルを使って変えてみる

今日は何位かな?→人気ブログランキングに参加しています♪

前回は直接HTMLに書き込みましたが、今回は別ファイルにする方法です。

● 全体的に変える例

body{scrollbar-base-color:#0000FF;}


● 細かく変える例
body{scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFF;
scrollbar-shadow-color:#999999;
scrollbar-track-color:#FFFFFF;}

自分の変えたい方をメモ帳等にコピーし、『(任意のファイル名).css』というファイル名で保存します。

スクロールバー以外にも使いたいスタイルシートがあれば、一緒に書いたら一緒に反映されるので、デザインをスタイルシートだけで制御するコトもできます★

cssファイルをFTPソフトでアップロードします。

次に上に書いたcssファイルを使ってスクロールバー変えたいファイルを開きます。

そのファイルの<head>〜</head>の間に

<link rel="stylesheet" href="(任意のファイル名).css" type="text/css">

を挿入します。
hrefの後は、絶対パスでも相対パスでもよいので、そのファイルからCSS
ファイルにリンクしてる形にしてくださいね。
同じフォルダに入れればそのまま"123.css"でよいし、一つ上の階層なら
"../123.css"、一つ下の階層なら"css/123.css"といった感じになります。



人気ブログランキングに参加しています♪ いつもありがとうございます(o_ _)o

お問い合わせはこちらから→お問い合わせはこちらから
質問・相談・雑談などお気軽に♪24時間365日受付中★24時間以内の返信を心がけています。
48時間経過しても返信がない場合、見落としの可能性がありますので、
お手数をおかけして申し訳ございませんが、再度メール頂けますと幸いです。

Vistaや、IE7をお使いの方は、クッキーの設定を確認してから、ご購入ください。
Vistaの方は、こちらをご覧ください。
 ⇒ http://manual.infotop.jp/customer/tips2.html
[tips]tips | 【2007-05-20(Sun) 16:00:00】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*    FC2ブログ