1518008 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

*なんばー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%

という風に変更すればカンタンに画像の位置を変更できます。




© Rakuten Group, Inc.