|
☆ |
■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ | | 日記を書く |
| 画像リンク コメント | | 画像リンク コメント | | 画像リンク コメント | | 画像リンク コメント | | |
■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ |
このテンプレートは日記用ですが、両方にメニューを表示させる「中央メイン型」ではHPの形が相当崩れるので使わないほうがいいと思います。ページ用テンプレートとして使ってもいいと思います。
テンプレートマスターや画面編集の出来るHP作成ソフトをつうと、実際に表示される状態での入力ができますので、おすすめです。(ソース左上の「クイックテンプル!」ボタンで簡単に操作画面に行きます。
見本は日記欄が左詰ですが、中央揃え用と上下の飾り(■ ■ ■ ・・・)が入らないシンプルタイプの左詰、中央揃えもあります。用途に合わせて選んでください。
テキストリンクを作る場合のタグ
<a href="url...">テキストまたはバナーなど</a>
これを<td>ここに入れる</td>
テキスト欄はご自分のフリーページへのリンクにしてTOPページにうまくまとめてもいいと思います。 |
<center><TABLE BORDER="0"
CELLSPACING="0" CELLPADDING="0"
WIDTH="580" ><tr><td><FONT
COLOR="#0B72AE"><div style="font-size:16px;"> ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ </div></FONT></td></tr><TR
HEIGHT="100"><TD BACKGROUND="http://image.space.rakuten.co.jp/lg01/16/0000012316/09/img4452464ap27i3w.jpeg"
WIDTH="580"></TD></TR><TR
HEIGHT="100"><TD BGCOLOR="#B2DBEF"
valign="top" align="left"><div
style="margin:10px;font-size:14px;"><FONT
COLOR="#404040">日記を書く</FONT></div></TD></TR></TABLE><table
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
BGCOLOR="#B2DBEF"><TR height="130"
><td width="10"></td><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><td
width="10"></td></TR><tr
height="5"><td colspan="9"></td></tr></TABLE><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" width="580"
BGCOLOR="#B2DBEF" height="10"><tr><td
colspan="3" align="right"><A
HREF="http://plaza.rakuten.co.jp/1hour"
TARGET="_blank"><font size="1"
color="#0D74AF">designed by
1hアフィリ </font></A><FONT
SIZE="1">/ </FONT><A
HREF="http://webstudio310.com/uminosozaiya/"
TARGET="_blank"><font size="1"
color="#0D74AF">素材提供:海の素材屋</font></A></td></tr></TABLE></div><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
><tr><td><FONT COLOR="#B2DBEF"><div
style="font-size:16px;"> ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ </div></FONT></td></tr></table></center>
|
<center><TABLE BORDER="0"
CELLSPACING="0" CELLPADDING="0"
WIDTH="580" ><tr><td><FONT
COLOR="#0B72AE"><div style="font-size:16px;"> ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ </div></FONT></td></tr><TR
HEIGHT="100"><TD BACKGROUND="http://image.space.rakuten.co.jp/lg01/16/0000012316/09/img4452464ap27i3w.jpeg"
WIDTH="580"></TD></TR><TR
HEIGHT="100"><TD BGCOLOR="#B2DBEF"
valign="top" align="center"><div
style="margin:10px;font-size:14px;"><FONT
COLOR="#404040">日記を書く</FONT></div></TD></TR></TABLE><table
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
BGCOLOR="#B2DBEF"><TR height="130"
><td width="10"></td><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><td
width="10"></td></TR><tr
height="5"><td colspan="9"></td></tr></TABLE><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" width="580"
BGCOLOR="#B2DBEF" height="10"><tr><td
colspan="3" align="right"><A
HREF="http://plaza.rakuten.co.jp/1hour"
TARGET="_blank"><font size="1"
color="#0D74AF">designed by
1hアフィリ </font></A><FONT
SIZE="1">/ </FONT><A
HREF="http://webstudio310.com/uminosozaiya/"
TARGET="_blank"><font size="1"
color="#0D74AF">素材提供:海の素材屋</font></A></td></tr></TABLE></div><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
><tr><td><FONT COLOR="#B2DBEF"><div
style="font-size:16px;"> ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ </div></FONT></td></tr></table></center>
|
<center><TABLE BORDER="0"
CELLSPACING="0" CELLPADDING="0"
WIDTH="580" ><TR HEIGHT="100"><TD
BACKGROUND="http://image.space.rakuten.co.jp/lg01/16/0000012316/09/img4452464ap27i3w.jpeg"
WIDTH="580"></TD></TR><TR
HEIGHT="100"><TD BGCOLOR="#B2DBEF"
valign="top" align="left"><div
style="margin:10px;font-size:14px;"><FONT
COLOR="#404040">日記を書く</FONT></div></TD></TR></TABLE><table
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
BGCOLOR="#B2DBEF"><TR height="130"
><td width="10"></td><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><td
width="10"></td></TR><tr
height="5"><td colspan="9"></td></tr></TABLE><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" width="580"
BGCOLOR="#B2DBEF" height="10"><tr><td
colspan="3" align="right"><A
HREF="http://plaza.rakuten.co.jp/1hour"
TARGET="_blank"><font size="1"
color="#0D74AF">designed by
1hアフィリ </font></A><FONT
SIZE="1">/ </FONT><A
HREF="http://webstudio310.com/uminosozaiya/"
TARGET="_blank"><font size="1"
color="#0D74AF">素材提供:海の素材屋</font></A></td></tr></TABLE></div></center>
|
<center><TABLE BORDER="0"
CELLSPACING="0" CELLPADDING="0"
WIDTH="580" ><TR HEIGHT="100"><TD
BACKGROUND="http://image.space.rakuten.co.jp/lg01/16/0000012316/09/img4452464ap27i3w.jpeg"
WIDTH="580"></TD></TR><TR
HEIGHT="100"><TD BGCOLOR="#B2DBEF"
valign="top" align="center"><div
style="margin:10px;font-size:14px;"><FONT
COLOR="#404040">日記を書く</FONT></div></TD></TR></TABLE><table
BORDER="0" CELLSPACING="0"
CELLPADDING="0" WIDTH="580"
BGCOLOR="#B2DBEF"><TR height="130"
><td width="10"></td><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><TD
width="10"></TD><TD
width="130" align="center"
style="border-width : 1px;border-style
: dashed;border-color : #ffffff;" >画像リンク<div
style="font-size:10px;color:#0D74AF;">コメント</div></TD><td
width="10"></td></TR><tr
height="5"><td colspan="9"></td></tr></TABLE><TABLE
BORDER="0" CELLSPACING="0"
CELLPADDING="0" width="580"
BGCOLOR="#B2DBEF" height="10"><tr><td
colspan="3" align="right"><A
HREF="http://plaza.rakuten.co.jp/1hour"
TARGET="_blank"><font size="1"
color="#0D74AF">designed by
1hアフィリ </font></A><FONT
SIZE="1">/ </FONT><A
HREF="http://webstudio310.com/uminosozaiya/"
TARGET="_blank"><font size="1"
color="#0D74AF">素材提供:海の素材屋</font></A></td></tr></TABLE></div></center>
|
|