About this template

サンプルページです

必要に応じて、メニュー、ページ内容(項目)、それぞれのリンク先、素材サイト様のサイト名とリンク先、を調節してください。
topやclapなどを画像に置きかえて使用することもできるかと思います。

Sample

文字装飾

強調強調2追加削除

<span class="change">を付けると文字の色が変わります。

pタグに、class="center"を付けると文字が中央寄せになります。

pタグに、class="right"を付けると文字が右寄せになります。

スクロール付きボックス

更新履歴などに。
yy.mm.dd. main ○○○ up
mm/dd リンクページ ○○○ 追加


高さがないうちは、スクロールバーがでないので注意。

予備ボックス

予備のボックスです。
box_01の中で使ってください。

Main

Gallery

更新分は、××の枠色、……など。
画像のサイズを統一し、横に並べています。画像に枠線は含まれていません。色違いの枠は、class="small_change"を指定。

  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明

目次

小説

題名

あらすじ。<ul>タグに、class="rows"を入れると横に並びます。
キーワード / ○○ / ○○ / ○○ /

第一章
第ニ章
番外
登場人物
田中太郎(たなかたろう)
申込書などの名前を記入する際に、例としてよく見掛ける名前。
鈴木花子(すずきはなこ)
以下同文。一例です。

題名

  1. サンプル
  2. タイトル
  3. タイトル

短編

Exsample

Offline

画像の説明

説明 / サイズ / 仕様など

>>サンプル01 サンプル02

  • 画像のサイズを統一し、文字を回り込ませています。
  • 画像に枠線は含まれていません。
  • 少し複雑な作りになっています。
  • 使用している画像[200*150]

画像はスタイルシートの数値を変更することでサイズを変更することができます。

文章が長くなると画像の下にも文字が回ります。文章が長くなると画像の下にも文字が回ります。文章が長くなると画像の下にも文字が回ります。文章が長くなると画像の下にも文字が回ります。

yy.mm.dd.

回り込みの解除

Exsample

画像(大・縦)

使用している画像サイズ[480*640]
画像に枠をつけ、サイズを縦長に固定して表示しています。

画像の説明

Exsample

画像(大・横)

使用している画像サイズ[480*640]
画像に枠をつけ、サイズを横長に固定して表示しています。

画像の説明

Exsample

画像(大・正方形)

使用している画像サイズ[480*640]
画像に枠をつけ、縦横の比を同じにして表示しています。

画像の説明

Exsample

Title

 見本。
 あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。
 アイウエオカキクケコサシスセソタチツテトナヌヌネノハマヤラワヲン。
 abcdefghijklmnopqrstuvwxyz.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ.
「あいうえお? かきくけこ!」

 <div class="text">タグ内で、<p>タグを使うと、自ずと間が空きます。

 あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。
 あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん。

yy.mm.dd.

Abaout link

  • SiteName:
  • Master:
  • Url:http://

Bkm

bkm1

回り込みの解除

回り込みの解除

回り込みの解除

bkm2

  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明
  • 画像の説明

bkm3

Copyright © 20yy xxx All Rights Reserved.