スクロールバーの色を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
コメント
コメントの投稿
トラックバック





