<A HREF="http://"></A><CENTER style="WIDTH=525; background: url( http://~はじまる画像のURLをここにコピペ ); border-width : 1px;border-style : double;border-color : #6666ff ;background-repeat : no-repeat; background-attachment : fixed;background-position : 100% 100% ;text-align:left"><font style=" line-height : 130%;"><FONT color="#606050"><ul><!-- ここから日記の内容 --> ここに日記 <!-- ここまで日記の内容 --></ul><BR><br><BR><BR><BR><BR></ul><hr style="border:double;border-color: #6666ff ;height:1px;" width="525"><ul><!-- ここからコメントの内容 --> なにかコメントや商品の紹介があればこちらに♪ <!-- ここまでコメントの内容 --></ul></a></FONT></CENTER>
このソースは壁紙を使用するタイプではありませんので注意してくださ~い
あくでも画像をワンポイント(背景画像)として使うテンプレです。
あまり大きなサイズの画像を指定するとデザインが崩れます(T△T)
フォントや枠線の色はお好みの色に変更してください☆
画像は素材屋さんからShionがお借りしているものですので勝手に直リンクしないでねo(T^T)o
◆
background: url( http://~はじまる画像のURLをここにコピペ
);
↑このタグで背景に使う画像の指定をしています。
楽天の画像の倉庫では
<IMG
SRC="http://plaza.rakuten.co.jp/img/user/XX/42/2922242/XX.jpg" width="330"
height="175" alt="サンプル">
というURLになっていますがここでは
http://plaza.rakuten.co.jp/img/user/XX/42/2922242/XX.jpg の部分のみを
http://~はじまる画像のURLをここにコピペ
の部分にコピーしてくださいね(*^^*ゞ
…そうしないとせっかく指定した画像が表示されません(ノω・、)
ウゥ・・・
◆ background-position : 100% 100%
このタグで画像の位置を指定しています。今回の場合は画像を右下に指定しています。
左下にする場合は→background-position
: 0% 100%
左上にする場合は→background-position : 0% 0%
右上にする場合は→background-position : 100% 0%
という風に変更すればカンタンに画像の位置を変更できます。