このページは2009年05月15日に更新されました
A.超初心者カスタマイズ
1
画像をアップロードする場所を作ろう
2
ローカルルール設定で、
3つの基本HTMLタグを覚えよう
3
スキンについてと、
管理画面からの色設定
4
掲示板全体の幅設定と、
枠線を消すカスタム
B.ちょっと応用初心者カスタマイズ
1
HTMLタグ作成プログラムで
簡単画像表示
2
放送チェッカーや
ブログパーツを活用しよう
3
文字や画像を
中央寄せにしたり右に寄せる方法
4
テーブル素材を活用しよう
C.高度なカスタマイズを簡単に
1
高度なカスタマイズと
スタイルシートの使い方
2
背景画像のカスタマイズ
3
スクロールバーの色を変える
4
リンクのカスタマイズ
5
したらば掲示板特殊タグ
6
各種スキンでカスタムする際のワンポイント
7
ファビコンを差し替える方法
D.その他+カスタムプログラム
・
「ねとらじFLASHプレイヤー」
簡単作成プログラム
・
ねとらじ放送チェッカー作成プログラム
・
したらば掲示板スレッド作成部分 簡単カスタムプログラム
・
(参考)カスタムされている掲示板を見てみよう
あたまにきたどっとこむ全文検索
検索キーワード
表示数
10
20
30
表示順
スコア順
更新日時
『あたまにきたどっとこむ』掲載コンテンツについてのQ&A専用スレッドです。質問・追加情報などお寄せください。
質問の際は、使用OS・使用ソフト・使用オーディオデバイス名や具体的症状など、できるだけ多くの情報を付け加えてください。
誰でも簡単!したらば掲示板カスタマイズ
トップページ
>>
誰でも簡単!したらば掲示板カスタマイズ
>>
C-3.スクロールバーの色を変えてみよう
C-3.スクロールバーの色を変えてみよう
BODY{ scrollbar-base-color : (ここにカラーコード); } ↑このスタイルシートがスクロールバーの色を変えるものです。カラーネームを入れてください。カラーネーム先頭の「#」を忘れずに、そして「;」を消さないようにしてください。 この青いスクロールバーは、このようなスタイルシートになっています。 BODY{ scrollbar-base-color : #0000ff; }
したらば掲示板のスクロールバーの色を変えるスタイルシートについて解説します。
※FireFoxブラウザではこの機能は動作しません。
左のボックス内にあるスタイルシートに、使いたい色の
カラーコード
を入れて使ってください。
他のスタイルシートと併用する場合
前ページの中央寄せのスタイルシートと、このスクロールバーの色変更のスタイルシートを同時に使うこともできます。
右のボックスを参考にしてください。
BODY{ text-align : center; scrollbar-base-color : (ここにカラーコード); } 前ページの中央寄せや、別ページで解説する背景画像の設定など、BODYに対して設定するスタイルシートが複数あるときは、このようにまとめてください。
カラーネームを変えたサンプル
色指定無し
#FFFFA4
#FFC1C1
#80FF80
#B3D9FF
(参考)黒にする場合とより細かい設定について
BODY{ scrollbar-arrow-color : #FFFFFF; scrollbar-base-color : #000000; } スクロールバーの基本色を黒、矢印部分を白にするためのスタイルシートです。 scrollbar-arrow-color : white; (矢印部分の色設定です) scrollbar-base-color : black; (基本色の色設定です)
スタイルシートでのスクロールバーの色変更は、矢印(三角印)の部分や、その外枠・内枠など、細かく色を設定することができます。
基本色を黒に変えただけでは矢印部分が塗りつぶされているので、色を変えなければなりません。
スクロールバーの細かい色変更については、リンク先を参考にご覧ください。
(参考リンク)
・
スクロールバーの色を変更タグ/雑学・小技集/みんなのタグ辞書/HTMLタグ辞書
・
スタイルシート[CSS]/ページ全般/スクロールバーの色を変える - TAG index
・
IE 5.5 スクロールバー色設定
トップページに戻る