 ホームページ・ビルダー の裏技・小技＆テクニック
いろいろなホームページを見ている人はスデに見たこともあると思いますが、今回は『スクロールバーの色の設定方法』をこのページで紹介します (*^▽^*)
「経理マン(^-^;)」もサイト立ち上げの頃、 どーやって設定するのかなぁ・・・。 なんて思ったこともありましたが、下の「設定方法」を参考にして下さい。 『ホームページ・ビルダー』の機能には無いので、自分でＨＴＭＬソースを追加する必要があります！
※ 現在は「外部ファイル」にて設定していますが、このページだけ、ページ内で「ＴＨＭＬソース」を設定して皆さんに分かるようにしています ｖ（＾＿＾ｖ）♪
《 設定方法 》
「ＨＴＭＬソース」画面で 次のように追加します。
↓ こんな感じです ↓
<style
type=text/css>
<!--
body{
scrollbar-3dlight-color:#ffffff;
scrollbar-shadow-color:#ff0000;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ff0000;
scrollbar-arrow-color:#ff0000;
}
-->
</style>
☆ コレだけでスクロールバーの色を変更することが可能です。
上のＨＴＭＬタグ通り設定するとこのページと同じスクロールバーになりま〜す♪
もし上の説明で分からない場合は、右クリックで「ソースを表示」させて追加する場所などを確認してください♪
■ 参考１ ■
#ff0000 などを自分の好きな色（カラー）に変更してください♪
翔泳社『Web辞典シリーズ』で色などを確認することが出来ます v( ^_^ )
■ 参考２ ■
≪ Ａｌｐｈａフィルタ利用で画像を半透明にする設定 ≫
この『Ａｌｐｈａフィルタ』の設定方法は上と同様にホームページ・ビルダーでもサポートする機能が無いので、自分で操作しましょう！
《 設定方法 》
「ＨＴＭＬソース」画面で 次のように追加します。
↓ こんな感じです ↓
<style
type="text/css">
<!--
img{
filter:alpha(opacity=50);
}
-->
</style>
☆ 以上の通りにＨＴＭＬソースを追加するだけで ページ内の全ての画像が半透明になります！ 興味を持った方は一度試してみるのも良いかも知れませんネ♪
※ ちなみに、(opacity=50)という箇所が半透明にする設定数値です。 「０〜１００」の数値を設定します。 また、「１００」に近づけば近づくほど
不透明になる設定になります。
|
| ホームページ・ビルダーの裏技・小技＆テクニック【ＭＡＰ】 |
|
 更新情報♪
|
|
|
ﾌｫﾝﾄ（ｆｏｎｔ）：ｻｲｽﾞと色の変更（属性）
初心者でも分かるホームページ作成
