Return to HOME
マウスポインタ
Cursor
|
かべがみ
Background
|
ショップ・レイアウト
Shop Layout
ショップの文字
Shop Text
|
NeoHTML
(ボードのフォント)
|
カラー表
Color Chart
ショップに並んでいるアイテムをテーブル(表)で囲むコード
です。
ショップの紹介文
に、下のコードを貼り付けるだけ。
INDEX
一本線
|
小さめの
点線
|
シンプルな
点線
|
太めの
点線
|
枠線なし
(背景色のみ)
Sample1. 小さめの点線
Sample2. 枠線なし(背景色のみ)
●
コードを貼り付ける際の注意
紹介文の欄に他のコード(ショップ・ブログ、画像など)が入っている場合、テーブル(表)で囲むコードは
一番最後(下)
に貼り付けることを
おすすめします。 → ショップ・ブログ、画像などがテーブルの中に入ってしまいます。
一本線
で囲む。
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #FF6666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #009933;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #FF9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #CC9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #FFCC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #0066CC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #FF99FF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #666666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #99CC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #99CCFF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #FFCCCC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px solid #996633;"></center>
小さめの
点線
で囲む。
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #FF6666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #009933;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #FF9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #CC9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #FFCC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #0066CC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #FF99FF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #666666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #99CC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #99CCFF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #FFCCCC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 2px dotted #996633;"></center>
シンプルな
点線
で囲む。
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #FF6666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #009933;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #FF9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #CC9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #FFCC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #0066CC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #FF99FF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #666666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #99CC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #99CCFF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #FFCCCC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 1px dashed #996633;"></center>
太めの
点線
で囲む。
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #FF6666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #009933;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #FF9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #CC9999;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #FFCC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #0066CC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #FF99FF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #666666;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #99CC66;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #99CCFF;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #FFCCCC;"></center>
<p><center><div style="width: 530px; background: #FFFFFF; border: 4px dashed #996633;"></center>
枠なし
(背景色のみ)
で囲む。
<p><center><div style="width: 530px; background: #FFCCCC;"></center>
<p><center><div style="width: 530px; background: #99CCCC;"></center>
<p><center><div style="width: 530px; background: #CCFFCC;"></center>
<p><center><div style="width: 530px; background: #CC99CC;"></center>
<p><center><div style="width: 530px; background: #FFCC99;"></center>
<p><center><div style="width: 530px; background: #CCFFFF;"></center>
<p><center><div style="width: 530px; background: #CCCC99;"></center>
<p><center><div style="width: 530px; background: #CCCCCC;"></center>
<p><center><div style="width: 530px; background: #FFFFCC;"></center>
<p><center><div style="width: 530px; background: #99CC66;"></center>
<p><center><div style="width: 530px; background: #FFCCFF;"></center>
<p><center><div style="width: 530px; background: #CC9966;"></center>
TOPにもどる
その他の色は「
カラー表
」を参考にして、#以下の数値(1〜9、A〜F)を変えてみてください。
(c) 1999-2005 NeoPets.com,Inc. All Rights Reserved. Used With Permission.
Copyright (c) 2003-2005 Let's learn English with Neopets, all rights reserved.