Website title(サイト名)

サイトの説明。ようこそいらっしゃいませ。Welcome to my website.


カラーサンプルColor Sample

カラーサンプル(Color Sample)

Red--Blue--Green--Silver

1カラム。上部固定背景画像は透過PNG。不要でしたらアップしないでください。
※当テンプレートで使用したオープンフォント、ウェブアイコン、配色等については当サイトで配布元を紹介しています。 デザイン変更をしたい場合は参考にしてください。


Novels小説

作品タイトル1

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

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


Novels(小説)

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

Gallery&Columnギャラリーとコラム

The Portrate of Dorian Gray
.column
ジャンル。長さ。作品の説明。更新日。
行数を増やす場合は新たにdiv class="column"を作成してください。

The Portrate of Dorian Gray

倫敦の社交界に隠れもない伊達者ヘンリイ・ウォットン卿はたまたま、数年前にかの興奮から突然姿をくらまして色々と噂の高かった画家ベエシル・ハルワアドを訪れた。続きを読む…
spanタグで囲むと白背景
左ブロックの背景画像は300~500pxサイズを推奨。
div class="co-1 bg1、div class="co-1 bg2、div class="co-1 bg3ごとで背景画像が変わります。

Information

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

About Link

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

リンクはご自由にどうぞ。同ジャンルサイト様のみリンクOK。検索避け対策済サイト様のみリンク可。
About Link
リンクバナー
・サイト名○○○
・管理人名◎◎◎
・URL http://www......

Bookmark(お気に入りサイト)

Site Name/Site Name/Site Name/Site Name/Site Name/
Links(リンク集)
リンクバナーお気に入り。素敵なサイト様です。
リンクバナーお気に入り。素敵なサイト様です。

↓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
    1. ol class="list2"
      番号付きリスト1
    2. 番号付きリスト2
    3. 番号付きリスト3
    dt class="dt1" 定義リスト (class="dl1"定義の範囲)
    span class="dt2" 定義リスト装飾タグ
    dd class="dd1" 定義の説明 定義の説明
    ↓hr class="hr1" ライン↓

    ↓hr class="hr2" ライン↓

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

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

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

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


    ↓img class="img1"↓
    リンクバナー Page Top