Beyon.y's Factory 〜 レザークラフトショップ

All Handmade leather goods Shop

sub heading 1 見出し 1

半透明のような画像を使用していますがIE7やFirefoxだけでなくIE6やIE5.5等旧IEでも正しく表示されます。

画像を左に配置したい場合は
div class="imgspace-left"を使います。
 
メインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキスト
 
div class="icon"を使うと下のように矢印アイコンが出て周囲に余白が付きます。

sub heading 2 小見出し 2

h3タグを使うと上のsub headingの部分のように小見出しを作ることができます。

News & Updates等の部分のようなメニューの小見出しを作るにはdiv class="menu-title"を使います。

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

sub heading 3 小見出し 3

画像を左側に配置したい場合はdiv class="imgspace-right"を使います。leftがrightになっています。

画像ファイルを複数指定すると右のように縦に画像が並びます。左に配置した場合も同じ要領です。

そのままだと画像がくっついてしまいますのでpタグ等でimgタグを囲むといいと思います。

画像を二つ以上並べた状態でdiv class="icon"を使うとFirefoxでうまく表示されないようなので使わない方が無難です。
メインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキスト メインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキストメインテキスト

ダウンロードありがとうございました。
2style.net