kantaのアフィリエイト生活スポンサー広告サイドのスクロール設置&スクロールバーの色変更[カスタマイズ]HTMLの小技サイドのスクロール設置&スクロールバーの色変更

スポンサーサイト

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

|--/--/--|スポンサー広告||PageTop↑ | 編集| 

サイドのスクロール設置&スクロールバーの色変更

すみません・・・。またカスタマイズのネタです

今回は新たに設置した登録サイトリストとリンクリストにスクロールバーをつけてみました。参考にしたのはいつも仲良くさせて頂いてる【儲けの宝箱】?管理人のひとり言?(管理人:らびさん)サイドカラム 長すぎて困ってませんか?の記事です。

一緒にスクロールバーの色も変えてみました。こちらはHTMLクイックリファレンスさん、みんなのタグ辞書/HTMLタグ辞書さんを参考にしました。皆様、本当にありがとうございました。

興味ありありの方は

左サイドに登録サイトを加えたのは良かったのですが、これがやたらと長い
なにかと試したのですが、IEとSleipnirはOKなのに、Firefoxだと長ーーーいままで表示されてしまうのでした。
でもこのタグならカンタンに出来ますし、IEやSleipnirはもちろん、Firefoxでもキチンとスクロールが表示されてサイドがスッキリしました!

設置方法はスクロールさせたい部分のHTMLタグを以下のタグで囲むだけです。
<div style="height:○px; overflow: auto" font-size:x-small">
スクロールさせたい部分のタグ</div>
※○の部分はスクロールバーの高さ(長さ)の数値になります。お好みで調節して下さい。

さて、今度はスクロールバーの色変更です。但し、これはIEのみの適応となりますのでご了承下さい。CCS(スタイルシート)に以下のタグを追加します。
html {
      scrollbar-base-color: スクロールバーのベースの色 ;
}
これで、スクロールバーの色が変わります。青文字の部分は色コード(#ffffff、#000000など)を入れてください。
「もっと細かい部分まで色を変えたい!」という方は、以下のタグをCCSに入れてください。
html {
      scrollbar-3dlight-color: 3D部分の色 ;
      scrollbar-arrow-color: ▲の色 ;
      scrollbar-darkshadow-color: 深い影の色 ;
      scrollbar-face-color: 表面の色 ;
      scrollbar-highlight-color: 明るい部分の色 ;
      scrollbar-shadow-color: 影の色 ;
      scrollbar-track-color: トラックの色 ;
}
スクロールバーの各部分の説明は、みんなのタグ辞書/HTMLタグ辞書さんのスクロールバーの色変更をご覧下さい。

・・・いかがでしたか?意外とカンタンですのでお試し下さいませ
スポンサーサイト
|2005/09/22|[カスタマイズ]HTMLの小技||PageTop↑ | 編集| 

RSS

お手持ちのRSSリーダーやMy Yahoo!などに当ブログを登録できます。よろしかったらどうぞ。


My Yahoo!に追加

Add to Google

Subscribe with livedoor Reader

このブログをリンクに追加する

アクセスアップツール

↓SEO対策にお使い下さい。

キーワードアドバイスツールプラス
Powered by SEO対策

サイトマップラス
Powered by SEO対策

アフィリエイター専用のアクセスアップサービス
アフィリエイター専用のアクセスアップサービス

カテゴリー

月別アーカイブ

ブログ内検索

ウェブ検索

Google

WWW を検索
FC2 を検索

最近のコメント

お友達ブログ

管理人が仲良くして頂いている皆さんです。

リンク

プロフィール

by 似顔絵イラストメーカー kanta

  • Author:kanta
こんなハンドルネームですが♀です(笑
東京都在住。家族はダンナ(30歳代前半)、息子2人(3歳・0歳)と管理人(ダンナの1歳年下)の4人。この秋に1人家族が増えたばかりです^^
管理人:kantaにメールする 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。