サークルストーン

比較的大規模なサイトを想定したテンプレートを作ってみました。初心者でも使いやすいようにtableタグになっています。

タイトルロゴについて

上のサンプルのような画像にする場合は幅330px×高さ60pxにして、スピリチュアルな生活でマット色を#292929にして「logo.gif」の名前でimagesフォルダに上書きすればOK。画像加工ができない人は上のロゴ画像を外して直接テキストを入力すればそれなりに大きな文字になるよう設定してあります。

見出しの作り方

左の「ＭＥＮＵ」や上の「このテンプレートについて」などの見出し部分はtableタグでなく、通常のh2タグにclass指定をしています。

<h2 class="m-midashi">見出しテキスト</h2>

ちなみに、上の白い「見出しの作り方」みたいな枠にしたい場合は、
<h3>使い方例</h3>
のようにh3タグで囲むだけでＯＫです。左側のメニューの下スペースでも、下の大きなテーブルでも同様な見出しが作れます。

続いて、このパワーストーンのショップランキングが入っているテーブルの説明をします。長くなるので、右側のテーブルで説明をします。→

今、このテキスト広告とオールドドメインが入っている部分もtableタグ使用です。通常のテーブルを作って、class指定に「m」とするだけです。分かりやすいように、上の見出しも含めたhtmlソースを書いてみます。分からない人は以下をそのままコピペすればこのテーブルができます。

サンプル

<h2 class="m-midashi">見出し部分</h2>
<table class="m" border="0" cellspacing="0" cellpadding="0">
<tr> <td>テキスト部分</td> </tr>
</table>

補足ですが、アクセサリーのパーツ販売や下の大きなテーブルではまた若干指定が違いますのでご注意下さい。

上部の加工画像はFLASHです。ダウンロード後、梱包のfla.txtファイルをお読み下さい。画像の入れ替えもできます。

同じ幅のテーブル同士なら追加できます。