サンプルページ
こちらは2カラムサンプルです。
同梱ファイル
- index.html / トップページ
- main.html / フレーム表示ファイル
- -----フレーム構成
- menu.html / 上フレーム用(メニュー)
- toppage.html / 下フレーム用(メイン)
- -----右フレーム
- sample.html / サンプルページ・2カラム用
- sample2.html / サンプルページ・1カラム用
- link.html / リンクページ
- gallery.html / 作品展示一覧
- -----展示用
- pict.html / イラスト展示用
- novel.html / 小説展示用
- -----他
- imgフォルダ / 画像をまとめたフォルダ
- style.css / 外部CSS
- enter.css / index.html(入口)用外部CSS
いらないファイルは削除しちゃって下さい。
h2,h3,h4見出し(タイトル)
<div class="title1">サブ見出し1</div>
<div class="title2">サブ見出し2</div>
文字 <em>強調</em>
文字 <strong>より強い強調</strong>
文字 <ins>追加</ins>
文字 <del>削除</del>
<p>テキスト部分。文章は<p></p>内に書くようにして下さい。</p>
<p class="none">段落下部の余白を無くします</p>
<p class="small">段落全体の文字を小さくします</p>
<p class="center">真ん中寄せ</p>
<p class="info">P段落の下に線が付くよ</p>
<p class="box1">装飾BOX1</p>
<p class="box2">装飾BOX2</p>
<p class="center">画像真ん中寄せのサンプル</p>
記事全体を囲むサンプル<div class="box"></div>
- リスト(リストマーク付き)
- リスト(リストマーク付き)
- リスト(画像アイコン付き)
- リスト(画像アイコン付き)
- リスト(画像アイコン付き)
- リストです。<ul class="info">で下部にドットラインが付きます。
- こんな感じで。
- 更新履歴とかにもどうぞ。
共通:h2,h3,h4見出し
共通:サブ見出し1
共通:サブ見出し2
右カラム用:見出し
右カラム用:普通のP段落
<p class="line">
右カラム用:枠付き
</p>
共通:文字を小さく
共通:真ん中表示だよ
共通:装飾ボックスだよ
共通:装飾ボックスだよ
- 共通:リスト。class="list01"
- 共通:マーカー付き。
- 共通:リスト項目
- 共通:リスト。class="list02"
- 共通:こっちは画像付き。
- 共通:リスト項目
- 共通:リスト。<ul class="info">
- 共通:こっちはライン付き。
- 共通:リスト項目