ホームページ&ブログ作成tips > [tips]tips > スクロールバーの色をcssファイルを使って変えてみる
スクロールバーの色をcssファイルを使って変えてみる
2007年05月20日
前回は直接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"といった感じになります。
● 全体的に変える例
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"といった感じになります。
Posted by Webサイトデザイナー★えあ at
2007年05月20日│[tips]tips
│Edit