About this template - このテンプレートについて - 概要

概要(このページ)、テキスト展示向き、画像展示向き、フレーム付き、各ページをご覧いただけます。
横幅は800px固定(テキスト表示部分500px)です。

サンプルについて
テキスト展示向きのページはこちら » 「基本型」「小説向き」「整形済みテキスト」の3種類のスタイルがあります
画像展示向きのページはこちら » 画像の展示ページや文章の表紙ページなど、画像を置くことを想定したページです
フレーム付きのページはこちら » このページにフレームとメニューを付けたサンプルです

上記の表は<table>〜</table>のサンプルを兼ねています。

[ 使用素材(graphicの各ページで元の素材を配布しています) ]

  • ヘッダー背景…background>固定壁紙(背景色その他)>花043
  • 本文背景…background>リピート壁紙(背景色その他)>花032
  • テーブル背景…background>敷き詰め壁紙>ストライプ・ボーダー001
  • 区切り線…line>ライン・見出し015
  • 罫線…line>ライン・見出し001

[ ご参考 ]
テンプレートのご利用案内、規約はこちら
配布元のhelp(よくある質問と回答)はこちら


英数記号・テキストサンプル

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!"#$%&'()=~|@`[{;+:*]},<.>/?\_^-^/

  • リンク<a>〜</a>
  • 強調<em>〜</em>
  • より強い強調<strong>〜</strong>
  • 小さい文字<small>〜</small>
  • 大きい文字<big>〜</big>
  • 取り消し <del>〜</del>
  • 追加<ins>〜</ins>
  • ※特定の装飾<任意のタグ class="deco">〜</任意のタグ>

上記のリストは<ul>〜</ul>のサンプルを兼ねています。

※特定の装飾とは、たとえば「任意のタグ」が「p(段落)」の場合は、
<p class="deco">この範囲が装飾されます</p>

この範囲が装飾されます
(実際の表示例)
このテンプレートの場合は、罫線のような背景が表示されます。
罫線は、このテンプレートの「使用素材」で紹介している画像を使っています。 画像を読み込めない場合などは表示できません。

※「任意のタグ」が「img(画像)」の場合は、
<img src="装飾したい画像のURL" alt="画像の代替テキスト" class="deco">

▼画像のまわりに余白をとって枠線を表示します。

画像の代替テキスト(適宜変更してください)

imgサンプル

imgサンプル(回り込み左)
画像はダウンロードファイルに含まれません
-----
画像が左に回り込みます 画像が左に回り込みます 画像が左に回り込みます  画像が左に回り込みます 画像が左に回り込みます 画像が左に回り込みます
-----


imgサンプル(回り込み右)
画像はダウンロードファイルに含まれません
-----
画像が右に回り込みます 画像が右に回り込みます 画像が右に回り込みます  画像が右に回り込みます 画像が右に回り込みます 画像が右に回り込みます
-----



フォームサンプル

 (お名前)

PC用眼鏡【管理人も使ってますがマジで疲れません】 解約手数料0円【あしたでんき】 Yahoo 楽天 NTT-X Store

無料ホームページ 無料のクレジットカード 海外格安航空券 ふるさと納税 海外旅行保険が無料! 海外ホテル