カラーサンプルColor Sample

カラーサンプル(Color Sample)

Red--Blue--Red2--Blue2

ディスプレイ幅768px以下でコンテンツが1カラムになります。
※当テンプレートで使用したオープンフォント、ウェブアイコン、配色等については当サイトで配布元を紹介しています。デザイン変更をしたい場合は参考にしてください。

Novels小説

作品タイトル1

01--02--03--04--05

ジャンル。長さ。作品の説明。更新日。

Novels（小説）

作品タイトル2: 01--02--03--04--05

About Link

当サイトへのリンクについて

リンクはご自由にどうぞ。同ジャンルサイト様のみリンクOK。検索避け対策済サイト様のみリンク可。

About Link: ・サイト名○○○; ・管理人名◎◎◎; ・URL http://www......

Linksリンク集

Bookmark（お気に入りサイト）

Site Name/Site Name/Site Name/Site Name/Site Name/

Links（リンク集）: お気に入り。素敵なサイト様です。; お気に入り。素敵なサイト様です。

counter（カウンター）

0123456789

Columコラム

レ・ミゼラブル

ジャンル。長さ。作品の説明。更新日。続きを読む…

Gallery

ギャラリー。イラスト、写真、紹介文、等。

　一八一五年に、シャール・フランソア・ビヤンヴニュ・ミリエル氏はディーニュの司教であった。七十五歳ばかりの老人で、一八〇六年以来、ディーニュの司教職についていたのである。

わが家の支出規定覚え書き……

「院長さん、」と彼は言った、「今、幾人病人がいますか。」
「二十六人おります。」
「私の数えたところも、さようでした。」と司教は言った。

Information

.memo
お知らせ・更新履歴などに。
高さが150pxを超えると、スクロールになります。
20xx/5/1　○○○更新
20xx年13月88日　○○○更新
サンプル
サンプル
Sample text

↓Tag Sample↓

h1 見出し1

h2 見出し2

h3 見出し3spanタグで囲むと見出しの下に補足を入れられます。

h4 見出し4

h5 見出し5

h6 見出し6

b 太字 i 斜体 em 強調 strong 重要 ins 追加 ~~s 取消~~ u 下線 small 文字を小さく big 文字を大きく a href テキストリンク

blockquote 引用文 blockquote 引用文 blockquote 引用文
引用元サイト：出典

li リスト1

li リスト2

li リスト3

ul class="list1"
リスト1
リスト2
リスト3

ol class="list2"
番号付きリスト1
番号付きリスト2
番号付きリスト3

dt class="dt1" 定義リスト（class="dl1"定義の範囲）
span class="dt1span" 定義リスト装飾タグ: dd class="dd1" 定義の説明定義の説明

↓hr class="hr1" ライン↓

↓hr class="hr2" ライン↓

↓hr class="hr3" ライン↓（ボーダ無。隙間が欲しい時の調整用）

p class="p1" サンプルテキスト。段落・文章をまとめたいときに。枠無し。

p class="p2" サンプルテキスト。段落・文章をまとめたいときに。二重線枠。

p class="p3" サンプルテキスト。段落・文章をまとめたいときに。点線枠。

.memo
お知らせ・更新履歴などに。
高さが150pxを超えると、スクロールになります。
サンプル
サンプル
サンプル
サンプル

.columと.item3-1

・item3-2 行数を増やす場合はitem3を入れ子にしないで、新たにdiv columを作成してください。