トップ中央に自由記入欄で表を入れたい

2008-10-28 13:53
自由記入欄にHTMLタグを挿入することで設定できます。

STEP1 自由記入欄を使用してHTMLタグを挿入する

「デザイン管理」>「画像とコメントの設定」

画像とコメントの設定→コメント→自由記入欄に、他のHP作成ソフトやエディタで作成したHTMLタグを貼り付けて下さい。
その際挿入するテーブルタグの幅を460px~500px(※テンプレートにより多少違いがあります。)に設定して下さい。

画像ファイルをアップロードする
画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、画像URL部分にその画像URLを記載して下さい。画像ファイルのURLは絶対パスで記載して下さい。例) https://demo.ocnk.net/data/demo/image/test.jpg

挿入テーブルタグ例 →サンプルページ ※下記タグを入れた例】
※下記のテーブルは横幅を460pxにし左右に空白を持たせ、センター寄せにしています。

■2行2列テーブル

<table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3">
<tr>
<td width="230" align="center" bgcolor="#FFFFFF"><img src="画像URL" width="200" height="200" alt="" /></td>
<td width="230" bgcolor="#F5F5F5">
<div style="background-color:#FFFFEA; border: 1px solid #E0DFE3; padding: 5px;">
<strong>イームズアームシェルチェア</strong>
<div class="price">89,000円(税込)</div>
皆さんご存知のイームズアームシェルチェアです。色はバタースコッチです。状態はかなりいいのでオススメですよ。</div></td>
</tr>
<tr>
<td width="230" bgcolor="#F5F5F5">
<div style="background-color:#FFFFEA; border: 1px solid #E0DFE3; padding: 5px;">
<strong>カリモク60</strong>
<div class="price">50,000円(税込)</div>カリモクのチェア。黒とウッドのあたたかい色合いです。</div></td>
<td width="230" align="center" bgcolor="#FFFFFF"><img src="画像URL" width="200" height="200" alt="" /></td>
</tr>
</table>

■2行5列テーブル

<table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3">
<tr>
<td bgcolor="#F5F5F5">項目1</td>
<td bgcolor="#F5F5F5">項目2</td>
<td bgcolor="#F5F5F5">項目3</td>
<td bgcolor="#F5F5F5">項目4</td>
<td bgcolor="#F5F5F5">項目5</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">内容</td>
<td bgcolor="#FFFFFF">内容</td>
<td bgcolor="#FFFFFF">内容</td>
<td bgcolor="#FFFFFF">内容</td>
<td bgcolor="#FFFFFF">内容</td>
</tr>
</table>

■2列:左1行、右2行テーブル

<table width="460" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#E0DFE3">
<tr>
<td rowspan="2" bgcolor="#FFFFFF">内容</td>
<td bgcolor="#FFFFFF">内容</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">内容</td>
</tr>
</table>

STEP2 設定を完了するボタンをクリックして下さい。

画像ファイルをアップロードする画像専用管理画面から掲載したい画像ファイルをアップロードして下さい。その後、上記の画像URL部分にその画像URLを記載して下さい。