|
ホームページビルダーで、 アイコンを壁紙にしてみましょう!(好きな位置に固定) ここではこのアイコンを使用します。 risu20b.gif■このアイコンとhtmlファイルは、同じフォルダーに保存の場合です。 |
1.まずビルダーを立ち上げたら、 2.スタイルマネージャーの 3.追加をクリックすると、以下のスタイルの設定画面が現れます。 ![]() |
|
| 補足 | @ ▼をクリックして、ページのプロバティを選ぶ A カーラーと背景のタグをクリック B 参照をクリックすると以下の画面が現れます。ここでは、最初に決めたアイコンを選びました C 水平方向 ・ 垂直方向を D 属性・繰り返し→繰り返さないにチェックを入れる E 貼り込み方→固定にチェックを入れる F OKをクリック |
| Cの◆◆◆ パーセントの設定 ◆◆◆ 数字(%)を変えると好きな位置に調節できますよ ソースで、挿入してもOKです。参考にしてね |
|
| ◆左上端 水平方向・・・0 垂直方向・・・0 ![]() |
◆右上端 水平方向・・・100 垂直方向・・・0 ![]() |
| ◆ソース表示 ↓ <STYLE type="text/css"><!-- BODY { background-image : url("risu20b.gif"); background-attachment: fixed; background-position:0% 0%; background-repeat: no-repeat;} --> </STYLE> |
◆ソース表示 ↓ <STYLE type="text/css"><!-- BODY { background-image : url("risu20b.gif"); background-attachment: fixed; background-position:100% 0%; background-repeat: no-repeat;} --> </STYLE> |
| ◆左下端 水平方向・・・0 垂直方向・・・100 ![]() |
◆右下端 水平方向・・・100 垂直方向・・・100 ![]() |
| ◆ソース表示 ↓ <STYLE type="text/css"><!-- BODY { background-image : url("risu20b.gif"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat;} --> </STYLE> |
◆ソース表示 ↓ <STYLE type="text/css"><!-- BODY { background-image : url("risu20b.gif"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat;} --> </STYLE> |
| ◆中央ですよ。 水平方向・・・50 垂直方向・・・50 → |
◆ソース表示 ↓ <STYLE type="text/css"><!-- BODY { background-image : url("risu20b.gif"); background-attachment: fixed; background-position:50% 50%; background-repeat: no-repeat;} --> </STYLE> |