カラーサンプルColor Sample
カラーサンプル(Color Sample)
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......
Linksリンク集
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
- ol class="list2"
番号付きリスト1
- 番号付きリスト2
- 番号付きリスト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"↓