オリジナルオークションテンプレートVol-1



 商品名

 商品の特徴







 商品の状態


 お取引の方法


 お支払額について


 送料について


 キャンセルについて




ご落札後の連絡
について



一番下のタグをヤフーオークションのコメント欄に貼り付けてください。 練習はコチラ

<TABLE border="1" width="400">

border="0" にすると枠線がなくなります。逆に大きくすると立体的になります。

width="400" 横幅が400ピクセルの表になります。

width="100%"にすると、画面一杯になります。

width="80%"なら、画面長の8割の幅ということになります。

好みに合わせて変更してください。


bgcolor="#cccccc" これは表のバックグラウンドカラーです。
罫線の色はこれを変更すると変わります。 色見本 16進数コードで
"#cccccc" という部分を変えてください。ちなみに白はffffff
黒は000000です。色見本で色々調べてみてください。

FONT color="#ffffff" は文字色が白です。という命令文です。

編集は ホームページビルダー ライト版(無料)が便利です。


<BODY >から最後の</BODY>までが一つの命令文です。
このタグをHPBのライト版で標準モードで新規作成を選びHTMLソースというタブをクリックすると。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>

という風になっていると思います。


下のタグを <BODY></BODY>の部分に上書きでペーストすれば。
ページ編集で編集できます。

色の変更などは、表を選択して右クリックから属性の変更で全て可能です。

(ソフトのインストールに関しては、IBMのホームページをご覧下さい)
下のタグをコピーして使ってください。
<DIV align="center">
<TABLE border="0" width="400">
<TBODY>
<TR>
<TD bgcolor="#4444ff" align="center"><BR>
<BR>
<B><FONT color="#ffffff">オリジナルオークションテンプレートVol-1<BR>
</FONT></B><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
</DIV>
<CENTER>
<TABLE border="0" width="460" class="t−1" bgcolor="#660000">
<TBODY>
<TR>
<TD width="150" bgcolor="#cccccc"> <B><FONT color="#000099">商品名</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">商品の特徴</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">商品の状態</FONT></B></TD>
<TD width="330" bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">お取引の方法</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">お支払額</FONT></B><FONT size="-1" color="#000099">について</FONT></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">送料</FONT></B><FONT size="-1" color="#000099">について</FONT></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"> <B><FONT color="#000099">キャンセル</FONT></B><FONT color="#000099"></FONT><FONT size="-1" color="#000099">について</FONT></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#cccccc"><FONT color="#000099"><B>ご落札後の連絡</B><BR>
</FONT><FONT size="-1" color="#000099">について</FONT></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<P><BR>
</P>
<CENTER>
次ページへ


SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送