596987 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

写真つきL字型・ピンク

1時間で作ってみよう
1Hテンプレート
ご利用規約
若葉マークさんのミニテンプレ
タイトル用テンプレ
フリーページテンプレ
日記用テンプレ
テンプレートライブラリ
ツールライブラリ
1時間で作った後は
メッセージを送る
日記用テンプレート・写真、画像用L字型

このテンプレートは日記用として使ってください。フリーページにも使えますが、TOPページで使うとタイトルの幅よりはみ出すので見た目が悪くなります。

自分でとった写真やイラストなどを入れたい場合のテンプレートです。写真や画像は横幅300pxで作っています。それより短かったり、長かったりすると、タイトルバーの長さと合わなくなりますのでご了承ください。
★どうしても写真のサイズにタイトルバーを合わせたいときは、太字グリーンの数字を写真の横幅の数値と同じに替えてください。そうすると合います。

画像を挿入するときは画像の倉庫に表示されるIMGタグを入れるのではなく、見本で入れてある画像のURLのところにIMGタグの中に書いてあるURLのみを入れ替えてください。そうしないと文字が回りこみません。テンプレートマスターを使う時は、画像をクリックすると入力画面になるのでそこに画像のIMGタグを入れてください。そのあとタグを表示させて(HTML編集に切り替える)からIMGタグの中にstyle="float:left; margin:0px 10px 5px 0px;を入れてください。そうすると文字が回りこみます。(ソース内のオレンジの太字の1MGタグを参考にしてください。)

文字は短ければ右側だけに表示され、長く書けばしたの見本のように、写真の下にまわりこみます。(以前配布ののテンプレのように、上の段としたの段を分ける必要はありません。)

日記に書き込むためのページは「ページの作成」で言うところの◎自動改行(初心者向け)と同じ様式になっているのでタグの間を空けないで下さい。形が崩れている場合はどこかが開いてしまっていると思います。

赤い文字で書かれているところに記入をすれば形が崩れる事は無いと思います。

また、カラーコードは実際に使っている色に変えてありますので参考にしてください。色を変えたいときは該当のカラーコードをお好きな色に入れ替えてください。

タイトル
文章はまわりこむ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
タイトル
画像リンク
コメント
画像リンク
コメント
画像リンク
コメント
画像リンク
コメント
designed by 1時間で作るアフィリエイトショップ

写真つき日記用テンプレソース・ピンク

<CENTER><TABLE width="600" style="border-width :1px;border-style : solid;border-color : #ffb0c8;" cellspacing="10" border=0><TR><TD><TABLE border=0 cellspacing="0" cellpadding="0" width=600 ><TR><TD height=250 valign=top colspan=2 align=left style="border-width :1px;border-style : dotted;border-color : #ffb0c8;"><div style="width:300px; height:20px;background-color: #ffb0c8;font-size=15px;"><b>タイトル</b></div><!-- --><img src="http://plaza.rakuten.co.jp/img/user/34/58/5593458/66.jpg" border="0" style="float:left; margin:0px 10px 5px 0px;"><div style="font-size:14px; " align=left> 文章はまわりこみます。いくらでも書いてね</div></TD></TR><TR height=10><TD></TD></TR></TABLE><TABLE align="center"><TR><TD align="center" height=40><FONT SIZE="2" COLOR="#ffb0c8">◆</FONT><FONT SIZE="2" COLOR="#FFE580">◆</FONT><FONT SIZE="2" COLOR="#FFF5CC">◆</FONT><FONT SIZE="2" FACE="MS ゴシック">タイトル</FONT><FONT SIZE="2" COLOR="#FFF5CC">◆</FONT><FONT SIZE="2" COLOR="#FFE580">◆</FONT><FONT SIZE="2" COLOR="#ffb0c8">◆</FONT></TD></TR><TR><TD colspan="2" align="center"><TABLE><TR><TD width="100" height="100" align="center" style="border-width : 1px;border-style : dashed;border-color : #ffb0c8;" >画像リンク<div style="font-size:10px;color:#FF8980;">コメント</div></TD><TD width=5></TD><TD width="100" height="100" align="center" style="border-width : 1px;border-style : dashed;border-color : #ffb0c8;" >画像リンク<div style="font-size:10px;color:#FF8980;">コメント</div></TD><TD width=5></TD><TD width="100" height="100" align="center" style="border-width : 1px;border-style : dashed;border-color : #ffb0c8;" >画像リンク<div style="font-size:10px;color:#FF8980;">コメント</div></TD><TD width=5></TD><TD width="100" height="100" align="center" style="border-width : 1px;border-style : dashed;border-color : #ffb0c8;" >画像リンク<div style="font-size:10px;color:#FF8980;">コメント</div></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE><TABLE width="600" cellspacing="0" cellpadding="0" border=0><TR><TD align=right><A HREF="http://plaza.rakuten.co.jp/1hour/" TARGET="_blank"><font size="1" color=ff8080>designed by 1時間で作るアフィリエイトショップ</font></A></TD></TR></TABLE></CENTER>






© Rakuten Group, Inc.