[戻る]
No.1386

商品説明文の表に線を入れたい

おたすけマイショップさん  投稿日:2015/01/22(Thu) 13:09
key

商品説明文で表を追加したのですが、表の線が表示されません。
どのようにしたら表示されるのでしょうか?

Re: 商品説明文の表に線を入れたい

おたすけマイショップさん  2015/01/22(Thu) 13:30 No.1387
key

フリーエリアパーツ管理(店長ナビ>デザイン設定>詳細レイアウト他)から、未使用パーツにある[新規作成]で“フリー”のパーツを作成します。

パーツ内は以下のように設定します。

パーツ名:(任意の名前を登録します←店長ナビ内の名前となり、ショップページには表示されません)
表示区分:全てにチェックを入れて下さい。
入力欄:[HTMLモードに切り替える]を押した後、以下のいずれかのコードを入力します。

【コード1:表の線を適用中のデザインの標準色に合わせたい】
<!-- ここから -->

<style>
.item_explain td {
border-width: 1px;
}
</style>

<!-- ここまで -->

※「1px」の数字を上げることで、線を太くできます。

【コード2:表の線を自分で設定する】
<!-- ここから -->

<style>
.item_explain td {
border: 1px solid #ccc;
}
</style>

<!-- ここまで -->

※コード内の「#ccc」の文字色コードを変更することで線の色を変更できます。
※「1px」の数字を上げることで、線を太くできます。


上記入力が終わったら、[保存]を押します。
未使用パーツ内に作成したパーツ(上記で登録したパーツ名で表示されています)が表示されます。

次に「ページ選択:」から商品詳細を選択して、作成したパーツをレイアウト図内の「商品詳細」の上に配置すれば完了です。

商品説明文に表を登録したページを開き、確認して下さい。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』