背景固定 左上

★ 「HTMLメール」に使用の場合の方法は一番下に表記

 

 

 

 

白背景用

b-haku1_.jpg (4558 バイト) b-hisyo_.jpg (2729 バイト) bk-komo_.jpg (3429 バイト) bk-hana_.jpg (7534 バイト) bk-kara_.jpg (2614 バイト)
bk-tuta_.jpg (3178 バイト) bk-tut2_.jpg (2235 バイト) bk-tuta3_.jpg (3989 バイト) bk-pts_.jpg (2255 バイト) bk-huha_.jpg (2451 バイト)

***上の画像をクリックしてお入り下さい。


 まず、画像をダウンロードして下さい。

*(Win)  画像のダウンロードはこの画面の適当な場所で
「右クリック→名前をつけて背景を保存」

*(Mac)  「クリックを数秒押し続けて→名前をつけて背景を保存」

   下の表内のソースの ("素材URL") に 、ダウンロードした画像ファイル名を入れてください。

<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:100% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>

   上のソースを HTMLの    <HEAD>この部分</HEAD>    にコピー・ペーストしてください。

 そして、画像ファイルとHTMLファイルの両方をFTPでUPして完了!

★ 素材を先にUPしてから編集すると、画像が反映されて、より分かり易いですよ。

■■■■■■■■

上のソースのbackground-position:100% 0%;」の部分の数字を変える事により希望の位置を指定できます。

左上   →  0%0%

左下  →  0%100%

右上  →  100%0%

右下  →  100%100%

真ん中  →  50%50%

 

home.gif (231 バイト)  next.gif (227 バイト)


■■   「ひながた」を固定背景にしたい場合の方法   ■■

out look express の画面の左上の〔メッセージの作成〕の▼を選び「ひな型の選択」をクリックして
次に新規作成を選びます。

ひな型の作成のウイザードが出ますので、次へ 次へと行きますと 

「画像の選択」で固定背景にする画像を入れます。

最後に「ソース」を開いて 
background-attachment: fixed; をいれると固定背景になります。