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

Yahoo!ブックマークに登録

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





 フォーム部品のサイズ変更

フォームに使用するボタンやテキストエリアなどの様々なサイズを指定してみます。



 サンプル



通常のサイズ




巨大な送信ボタン




巨大な送信ボタン2







小さなテキストエリア (入力してみて下さい)




通常のサイズ




大きなテキストエリア (入力してみて下さい)


テキストエリアを小さくした場合、同時に文字サイズの指定をしないと、入力した文字の上下が欠けて見えなくなります。
テキストエリアなどは固定サイズの他に%指定などによる相対的な指定をする事も可能です。
その場合はスタイル設定の「位置」から「幅」と「高さ」の値を設定して下さい。




 設定

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

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


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

そのまま【フォント】の【サイズ】を変更してみます。
このサイズは、ボタンの場合はボタンに表示される文字に関するスタイルで、ボタンの中の文字を大きくしたり、太くしたりできます。

次に 【位置】 タブをクリックし、【配置】 の 【幅】 と 【高さ】 の横にある、【予約語】 と表示されているオプションメニューを【ピクセル】にします。
後はピクセル単位で【幅】 と 【高さ】 の入力欄に数値を入れます。



【その他の設定】
上記のスタイル設定画面では、サイズなどの他にボタンの色やボタンの中に表示される文字の色の設定なども行う事ができます。

ボタンの色 → 【カラーと背景】 の 【背景色】
文字の色 → 【カラーと背景】 の 【前景色】
ボタンの枠 → 【レイアウト】 の 【ボーダー】




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