ホームページビルダーで、 アイコンを壁紙にしてみましょう!(好きな位置に固定)

  ここではこのアイコンを使用します。  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>


スポンサードリンク




Copyright (C) 2000-2004   Shangri_La  All rights reserved
http://kimi.cside.com/