オリジナルオークションテンプレートVol−3


 商品名
 ブランド名
 商品の状態

 商品の詳細





 発送方法




 その他のご連絡



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

<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のホームページをご覧下さい)
下のタグをコピーして使ってください。
<CENTER>
<CENTER>
<TABLE border="0" width="450">
<TBODY>
<TR>
<TD bgcolor="#5555ff" align="center"><B><FONT color="#ffffff">オリジナルオークションテンプレートVol−3</FONT></B></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
</CENTER>
<CENTER>
<TABLE border="1" width="500" bgcolor="#3333ff">
<TBODY>
<TR>
<TD width="150"> <B><FONT color="#ffffff">商品名</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
</TD>
</TR>
<TR>
<TD> <B><FONT color="#ffffff">ブランド名</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
</TD>
</TR>
<TR>
<TD> <B><FONT color="#ffffff">商品の状態</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
<TR>
<TD> <B><FONT color="#ffffff">商品の詳細</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD> <B><FONT color="#ffffff">発送方法</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD> <B><FONT color="#ffffff">その他のご連絡</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
<BR>
</CENTER>
</CENTER>
</CENTER>

前ページへ

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