ホームページビルダー・グレート初心者講座

Yahoo!ブックマークに登録

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座 FAQへグレート初心者講座 質問掲示板へ





 スタイルを使ってフォーム部品の色設定

フォーム部品の色などをスタイルを使って設定してみます。



 サンプル



通常のボタン




背景と文字色を変更




枠の色やスタイルも変更






通常の一行テキストエリア



入力文字が緑色



背景が緑で文字が白





 設定

ボタン、テキストエリア共に同じ操作で色の変更ができますが、ここではボタンの場合を例に色の変更をしてみます。

1. 送信ボタンを挿入する
ビルダー上部のメニューから【挿入】 → 【入力部品】 → 【プッシュボタン】 → 【送信ボタン】 と辿り、ボタンを挿入します。


2. ボタンのスタイルを適用する
挿入したボタンを右クリックし、【スタイルの設定】を選択し、【現在のタグのみに・・・】 の 【編集】ボタンを押します。

【カラーと背景】 のタブをクリックします。
ここで表示されている前景色と背景色は以下のような意味です。
【前景色】 → 文字の色を指定します。
【背景色】 → ボタンやテキストエリアの背景を指定します。

それぞれを好きな色に変更します。


2. ボタン枠のスタイルを適用する
【レイアウト】 タブをクリックします。
この中の 【ボーダー】 と記載されている項目が枠の設定になりますので、太さや色、枠のスタイルなどを変更します。
サンプルの赤いボタンは以下のような設定になっています。

ボーダー幅(W):      

スタイル(T): 

色(C):      



スタイルに 【二重線】 などを使う場合、幅が1ピクセルや2ピクセルだと正しく表示できませんので、4ピクセル以上の値を指定しましょう。





| トップページへ | 小技集 | FAQ | 質問掲示板 | 免責事項  | リンクについて  | お問い合わせ  |
ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved