テンプレ03_汎用


template03_汎用

色のデザインはよくありませんがどなたでもご自分で設定出来るように色や線の説明を分かりやすくする為です。
使用方法を良く読んでからご使用下さい。

タイトル
1画像
2画像
3画像
4画像
5画像
1テキスト
2テキスト
3テキスト
4テキスト
5テキスト
6画像
7画像
8画像
9画像
10画像
6テキスト
7テキスト
8テキスト
9テキスト
10テキスト


使用方法は一番下にあります。



<TABLE ALIGN="center" STYLE="border: 1px solid GREEN " CELLSPACING="3" CELLPADDING="0">
<TR><TD COLSPAN="5" ALIGN="center" VALIGN="middle" BGCOLOR=" YELLOW " HEIGHT="25">
<FONT SIZE="2" COLOR=" BLACK "><B>
タイトル
</B></FONT> </TD></TR>
<TR><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PINK " HEIGHT="80">
1画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid CYAN " HEIGHT="80">
2画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PINK " HEIGHT="80">
3画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid CYAN " HEIGHT="80">
4画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PINK " HEIGHT="80">
5画像
</TD></TR>
<TR><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
1テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
2テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
3テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
4テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
5テキスト
</FONT> </TD></TR>
<TR><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PALEGREEN " HEIGHT="80">
6画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid ORANGE " HEIGHT="80">
7画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PALEGREEN " HEIGHT="80">
8画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid ORANGE " HEIGHT="80">
9画像
</TD><TD WIDTH="80" ALIGN="center" VALIGN="middle"
STYLE="border: 1px solid PALEGREEN " HEIGHT="80">
10画像
</TD></TR>
<TR><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
6テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
7テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
8テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
9テキスト
</FONT>
</TD><TD WIDTH="80" ALIGN="center" VALIGN="top" HEIGHT="auto">
<FONT SIZE="2">
10テキスト
</FONT></TD></TR> <TR><TD ALIGN="right" colspan="5"><A HREF="http://plaza.rakuten.co.jp/juve0130" TARGET="_blank">
<FONT SIZE="1">Designed by carbonara</FONT></A></TD></TR></TABLE>



使用方法
1. 青い枠で囲まれた中のソースをメモ帳やエディタ等にコピーしてご使用下さい。

2.ソースの中に く表記している部分は 「色」 です。
色分けしてありますので どこの部分の色 なのか分かると思います。
通常、16進数(#FF1A6K,#H6BO2B・・・等)で表記しますがそのまま「色」を入れても構いません。 ご自分でいろいろ変えて見て下さい。
例:MAGENTA,SILVER,TAN,LIGHTCYAN,PLUM,NAVY・・・等いろいろあります。

3.同じくソースの中に solid と書かれた 緑色 の部分があります。
これは 線の種類 です。
例:INSET(窪み),DOUBLE(二重線),GROOVE(溝)・・・等いろいろあります。
これもご自分で変更してみて下さい。

4.テキストを入力するとそのテキストの長さに応じて大きさが変わります。


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: