大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

くしくも同じテーマのほかの方とかぶってしまい

どうしようかと思いましたが、背景も変更中でこのまま置いておくと

使い物にならなくなってしまうのし、

避けては通れない事なのでここはひとつお許しを、

なにしろ楽天ではスタイルシートが使えません。

だから、チョットＨＰ作りに慣れてる人でも、これには皆さん苦労します。

（聞いたわけではないがオレは苦労した）

スタイルシート無しでも普通は＜BODY＞というので、

背景色など基本設定できるのですが、それも使えないので、

ここまでの話しは初心者の方はどうでもいいので

流して下さい。次から本題です。



うちのサイトの現在の壁紙はこれです。



こちらで確認

この小さい画像が並んでるんですね。

これは、編集画面の基本デザインというところで

変えれば良いので省略します。





次にページごとに設定してある画像ですがこの下の画像です。

実際は幅が３倍長さ１０倍くらいあり

これが全面に映ります。



設定してあるページはこちらです。

スクロールさせると画像がついてきます。

この下コピペ画像（ オレンジの部分 ）はご自分のをお使い下さい

画像がない方はこちらでお探し下さい。

無料素材サイト集





<IMG xsrc=" http://plaza.rakuten.co.jp/img/user/00000.gif " onLoad=this.style.display="none";body.background=this.src;>



コピーしてメモ帳にペースト

.htmlで保存して下さい。わからない人は

5/26の日記の下の方にやり方が書いてあります

画像の倉庫に入れてあるご自分の画像をクリックすると

下のようなのが出ますがコピーするのは

オレンジ の部分だけでＯＫ

<IMG xsrc=" http://plaza.rakuten.co.jp/img/user/00/00.jpg " width="20" height="20" alt="a">

これを、最初にコピーしていたものの オレンジ の部分と入れ替えます。

（メモ帳にはオレンジの色はつきません）

保存してブラウザを開き確認。できましたか？

（もともとＨＰ作成ソフトが無いという話から始めたコーナーなので

ソフトがある人はソフトでやってくださ い）

これをページの一番上にコピペ。

(決まってはいませんが機能上も編集上も一番上がいいと思います）

この下に文字でも画像でも好きな物を入れて下さい。





次に 画像を固定したもの です。

こちらがそうです。

この下コピペして下さい。

<IMG xsrc=" http://、、、、.gif "width="0"height="0"onload=body.style.background="url( http://，、、、、 )";body.style.backgroundAttachment="fixed">



例によってオレンジの所は自分の画像ＵＲＬをいれてください。



注：一部ＨＰ作成ソフトではエラーが出て修正されてしまいます。

その場合はメモ帳を使用して下さい。

また、他にタグなどの説明サイトがありますが、

特殊文字の時のように違いなど比べていません。

（疲れるので）

映ればいいじゃんということで。

上、二つはページ全体に同じ画像が繰り返し映し出されますので、

たとえば人の写真など、いくつも並んでしまい、

ウザイ背景になったしまいます。

ですからほんとの壁紙のようなのが向いています。





次に 横一列だけのもの 、

見本はこちら

この下コピペですが、今回はちょっとやっかい。

ページの都合上途中で改行を加えています。

ですから、まずコピペ。次に改行を直して下さい。

二行目、三行目の一番前をクリックすると、

縦棒がチカチカ点滅しますからバックスペースを押せばＯＫです。

間違って文字を消さないようお願いします。



<IMG xsrc=" http://、、、.giｆ "onLoad=this.style.display="none";body.background=this.src;

body.style.backgroundAttachment="fixed" ;

body.style.backgroundRepeat="repeat-x";body.style.backgroundPosition="top">



見本と同じように映ればＯＫです。

ただ、あまり実用性はなさそう。





次は 右端一列です 。

見本はこちら

チョイ不気味ですが

この下コピペです。



<IMG xsrc=" http://、、、、.jpg "onLoad=this.style.display="none";body.background=this.src;

body.style.backgroundAttachment="fixed";body.style.backgroundRepeat="repeat-y";

body.style.backgroundPosition="right">



これも改行を直して下さい。

これもあまり使わないでしょ？