スポンサーサイト

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

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

スクロールバーの色を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"といった感じになります。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2007-05-20(Sun) 16:00:00】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


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

トラックバック

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


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。