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




 商品名

 商品の特徴







 商品の状態


 お取引の方法


 お支払額

 送料

 キャンセル




ご落札後の連絡



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

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

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

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

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

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

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


bgcolor=#737300" これは表のバックグラウンドカラーです。
罫線の色はこれを変更すると変わります。 色見本 16進数コードで
"#737300"という部分を変えてください。ちなみに白は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>
<TABLE border="0" width="400">
<TBODY>
<TR>
<TD align="center" bgcolor="#4444ff"><B><FONT color="#ffffff"><BR>
オリジナルオークションテンプレートVol-2</FONT></B><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
</CENTER>
<CENTER>
<TABLE border="0" width="460" class="t−1" bgcolor="#660000">
<TBODY>
<TR>
<TD width="150" bgcolor="#737300"> <B><FONT color="#ffffff">商品名</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"> <B><FONT color="#ffffff">商品の特徴</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#6f6f00"> <FONT size="-1"><FONT color="#ffffff" size="+0"><B>商品の状態</B></FONT></FONT></TD>
<TD width="330" bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"> <B><FONT color="#ffffff">お取引の方法</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"> <B><FONT color="#ffffff">お支払額</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"> <B><FONT color="#ffffff">送料</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"> <B><FONT color="#ffffff">キャンセル</FONT></B></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
<BR>
<BR>
<BR>
</TD>
</TR>
<TR>
<TD bgcolor="#737300"><FONT color="#ffffff"><B>ご落札後の連絡</B><BR>
</FONT></TD>
<TD bgcolor="#ffffff"><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<P><BR>
</P>
<CENTER>
 前ページへ 次ページへ          
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送