*なんばー1
□□ソースは↓をコピーしてお使いください□□
<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%
という風に変更すればカンタンに画像の位置を変更できます。