テンプレート一覧

以下には2009.6月以降に共有申請されたテンプレートは含まれておりません。
2009.6月に最新版も含めて全てのNovelテンプレート一覧は コチラ

以下は2009年から2010.5月までに作成したNovelテンプレートの一覧です。
最新版も含めて全てのNovelテンプレート一覧は コチラ

記念すべき？第一号のNovelテンプレート。クラシックなロマンス小説が似合いそうなテンプレート。
画像は、写真が風のおひるね様、イラストはMako'sさまからお借りしました。




カテゴリ別全記事一覧ﾍﾟｰｼﾞ（初期設定）
更新順全記事一覧ﾍﾟｰｼﾞ（変更は容易）

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

古城やレイピアなど歴史ファンタジーが似合いそうな画像を選びました。
画像は、写真がp-fan.net様、イラストはMako'sさまからお借りしました。



上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

　　

画像はSweetyさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はSweetyさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

>

画像はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

個別記事ページの右下には三種類の薔薇の画像がランダムに表示されます。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
薔薇素材はMako'sさまからお借りしました。縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

				カテゴリ別（初期設定） （HTMLにソースを残していますので更新順への変更は容易です）
目次ページ	Novel List	個別記事ページ	通常ブログ画面	全記事一覧ページ

公開後にバージョンアップ（追加・改訂）された内容

• 〔表紙メニュー〕親子カテゴリ折りたたみ 解説記事
• ［表紙ﾍﾟｰｼﾞ］最近の更新スクロールバーの設置 解説記事
• ［表紙ﾍﾟｰｼﾞ］コメント・トラックバックの折りたたみ 解説記事
• 〔個別記事（小説本文）ﾍﾟｰｼﾞ〕同一作品（カテゴリ）の新着順⇒昇順の目次が表示 解説記事
• 〔全記事一覧ﾍﾟｰｼﾞ〕親子カテゴリー対応カテゴリー別タイトルリスト 解説記事
• 〔通常ﾌﾞﾛｸﾞ画面・検索ﾍﾟｰｼﾞ・カレンダーﾍﾟｰｼﾞ〕ﾍﾟｰｼﾞ番号リンクナビゲーション 解説記事
• 〔全ﾍﾟｰｼﾞ・サイトナビゲーション〕親子カテゴリー対応パン屑リスト

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

個別記事ページの左上には二種類の薔薇の画像がランダムに表示されます。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
薔薇素材はMako'sさまからお借りしました。縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

				カテゴリ別（初期設定） （HTMLにソースを残していますので更新順への変更は容易です）
目次ページ	Novel List	個別記事ページ	通常ブログ画面	全記事一覧ページ

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

こちらは従来の 更新順の 全記事一覧ﾍﾟｰｼﾞ	こちらがカテゴリ別の 全記事一覧ﾍﾟｰｼﾞ	Novel List	個別記事ページ	通常ブログ画面

ノートに物語を綴る雰囲気で…。背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
　novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

　

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。

個別記事ページの紫陽花の背景画像が紫陽花らしくランダムに色変わりしてゆきます。
縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。
画像はFiore 様からお借りしました。

ゆんフリー写真素材集 様から富良野のラベンダー畑を撮影なさった作品お借りしました。


上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

かわいらしいサクランボの作品はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

White Board 様の、ガラス細工のような紫陽花の花に一目ぼれしてつくったテンプレートです。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

夏・南国・情熱を感じさせる真っ赤なアンセリュームの花をWhite Board 様からお借りしてまいりました。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

管理人のつくるテンプレートは若干？派で目ですから、ひとつくらいは、シンプルな雰囲気のテンプレートを作っておきたいと以前思っていたのですが、イメージにぴったりの可愛らしく清楚な白い花を描いた作品をWhite Board 様からお借りしました。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

涼しげなイルカやガラス細工のような貝殻の作品をWhite Board 様からお借りしました。
ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はFiore 様からお借りしました。
novel-tempタイプでも同じデザインシリーズのテンプレート［novel-temp-clover］があります。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

White Board 様から
夏らしく涼しげで、大人びた美しさのあるカラーの花を描いた作品をお借りしました。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

いつもお世話になっている薔薇素材Mako'sさまですが、新作素材として、この青いレースに白薔薇の作品を拝見したときは思わず歓声をあげてしまいました。この大きな一枚背景画像を拙作にお借りしたがために、Ｒタイプができあがったようなものです。

小説本文ページ背景はWhite Boardからお借りしました。
JavaScript有効時、カテゴリ番号0以外の個別記事（小説本文）背景はランダムに変わります。 (JS無効時は固定)

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

表紙ページは1024×1200サイズの画像を全面表示させています。この世の楽園、モルディブの美しい海と空を写し撮った作品は、アルカディア様からお借りしてまいりました。
テンプレートとしての利用のため、画質を劣さなければならなかったのが実に残念でありましたが、それでも充分すぎるくらい美しい!!

［novel-R］タイプのテンプレートは、［novel-S］タイプと同じく表紙画面下にプラグイン３コンテンツが表示されます。個別記事ページはワイドな全面表示で、数種類の背景画像がランダムに表示され、縮小画面の閲覧にも適応できるように可変性を持たせました。


プラグインのためのスペースはどれも、初期設定では180pxですので、幅200pxの普通サイズのバナーを貼った場合、はみ出てしまいますが、幅200pxのバナーに適応させて、プラグインスペースを広げるカスタマイズもご紹介しております。
詳しくはコチラ
改訂版のテンプレートでは、記事やプラグイン内の画像（バナー含む）は全て、スペース内に収まるサイズに自動調整されて表示されます。IE7以上であれば切れたり、はみ出て表示されることはありません。

2012.1.23.改訂

閲覧画面の解析度に表示が左右されないように背景を全てフルスクリーン表示に変更しました。（広幅パソコンでも余白ができません）そのため基本のHTMLに『フルスクリーン表示のための追加ソース』が追加してありますので、衣替えをする場合は、状況に応じて、それらを必ず削 除もしくは追加しなければ正常に表示されませんのでご注意ください。

水の中でゆらめく金魚のひれがなんとも涼しげ。novel-R-Roseと同じくMako'sさまからお借りしました。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

ご好評をいただいた［novel-template-green］をＳタイプにアレンジしてみました。
可愛らしく涼しげなグリーンの写真作品はSweety 様からお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

JavaScript有効であれば、個別記事ページの背景画像のもみじの葉色は、秋の深まりとともに色づいてくる本物のもみじのように、アクセスするたびにランダムに変わります。（Java無効時は固定背景）
もみじのイラストはFiore 様からお借りしました。

Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

【novel-temp タイプ 】のテンプレートの小説本文スペースはワイドな全面表示ですが、これをサイト内配布しているコンパクト版のように、コンパクトなサイズに変更することもできます。カスタマイズはとても簡単です。詳しくはコチラ

葡萄のHP風小説用テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
JavaScript有効であれば、表紙ページと個別記事ページの背景画像の葡萄の実の色はアクセスするたびにランダムに変わります。（Java無効時は固定背景）

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ
葡萄のイラストはFiore 様からお借りしました。

Mako's様のハロウィン作品の中から楽しそうな雰囲気の子供たちのシルエットとかぼちゃのイラストをお借りしてきました。JavaScript有効であれば、背景色はランダムに変化します。無効時は表紙はオレンジ、それ以外のページは紫色の背景になります。

その他のハロウィン向きのテンプレートをお探しの場合はコチラ

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

コスモスのHP風小説用疑似フレームテンプレート。一般ブログスタイルに変更する場合はコチラ。
青い空とピンクのコスモスとのコントラストがなんともいえないくらい清々しく晴れやかな気分にさせてくれる表紙ページの作品は写真素材無料壁紙 さまから、可愛らしいピンクのコスモスのイラスト作品や赤とんぼのアニメ作品は素材の小路さまよりお借りしました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。
個別記事ページのサイドには目次が自動的に表示されます。表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

秋のHP風小説用テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
表紙の背景はp-fan.netさまからお借りしましたが、それ以外のカードや風景・写真・タイルなどすべて素材の小路さまからお借りしました。（管理人はＭＥＭＥさまの美しいカード作品のﾌｧﾝでして、いつかは拙作テンプレにお借りしたいと思っておりましたので、夢が叶ってハッピーです♪）

［novel-PF］タイプのテンプレートは、疑似フレームを取り入れました。
表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。
個別記事ページのサイドには目次が自動的に表示されます。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• verPF1207以降のバージョンのこのテンプレートでは最初からご案内として、ブログ開設時に記載したサイト説明文が表示されます。
  この説明文を変更する場合はコチラご案内の内容を変更する場合
  
  
• これを他のテンプレートと同じ様に最初は何も表示させない、もしくは、ご案内以外のコンテンツを表示させる場合はコチラ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

幻想的なすばらしいＣＧ作品はLancorvel さまからお借りしました。（ネットサーフィンをしていて偶然出合えたLancorvelさまの作品に管理人は一目ぼれでした。その気持ちは一目ご覧いただければ皆様もご理解いただけるはず！）

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

Java Scriptが有効な場合は、表紙ページは、3種類の画像がランダムに表示され、メニューにカーソルをのせると右隅にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、ランダム表示とフルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

このテンプレートはEGP さまからお借りした表紙ページの作品以外の画像は使っておりません。背景画像を変更、あるいは表紙以外のページに背景を表示させる場合は他のＰＦタイプのテンプレートのスタイルシートをご参考にどうぞ。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

Fantasiaに引き続いてLancorvel さまから、今回は特に、宇宙・惑星をコンセプトにした作品をお借りしました。どうしてもお借りしたい作品があったので、背景にあわせて目次ページと全記事一覧ページのテキストは右側によせてあります。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Jタイプﾟと同じく、表紙サイドフレームのメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全てメインフレーム内に表示されます。

Java Scriptが有効な場合は、表紙ページは、2種類の画像がランダムに表示され、メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

カスタマイズ

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

2012.6.23.改訂(verPF1207)

全ページ完全リキッドレイアウトに改訂致しました。（但しIE7以上）IE６以下も表紙以外はリキッド・表紙はメインカラム幅が400pxを切ると横スクロールが出ますが閲覧に支障なしです。改訂以前もリキッドレイアウトのつもりでしたが、HTMLをPF2に変更するとリキッドにならなかったり、エリアによっては怪しかったのを修正しました。改訂済みのテンプレートはIE7以上であれば、JavaScript有効無効、HTMLをPF2タイプや一般用・イラストリスト付きに変更しても関係なくリキッドレイアウトで表示されます。

今まで無地だった通常ブログ画面や検索・月別ページの背景にも、Lancorvel 様のCG作品を使わせて頂きました。


JavaScript有効時にはIE７以上であれば、通常ブログ画面では上の画像と下の画像がフルスクリーンでランダムに表示されます。無効時とIE6以下は固定。
またIE7以上のIE限定ですが、サイドフレームのスクロールバーも透明にしてみました(#^.^#)


月別・検索ページの背景はコチラ↓


表紙・NovelList・通常ブログ画面・月別・検索ページでは、背景画像を閲覧画面に合わせてフルスクリーン表示させているので、画面に合わせて背景画像のサイズも変動します。
IE７以上であればワイド画面でも縮小画面でも画像が切れません。

紅葉のHP風小説用疑似フレームテンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
艶やかな真っ赤なもみじの表紙写真は風のおひるね様から、黒背景に浮かび上がる蒔絵のように美しいイラスト作品はFiore 様からお借りしました。メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

砂漠や城壁、モスクなどアラビアンナイトの世界を彷彿させるＣＧは「異国情緒あふれる写真と旅行記|KaycomDESIGN 」様から、イスラム風のアラベスク模様のタイルは「Aaron'sTools 」様からお借りしました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、ランダム表示とフルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

以前よりご要望を頂戴していたNovelテンプレート初の画像のないテンプレートです。
［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て右フレーム上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全てメインフレーム上に表示されます。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

クリスマステンプレート。個別記事ページ以外の画像は全てSTAR DUST様からお借りいたしました。クリスマスや雪の画像が激しく管理人好みでしたので、目移りしまくりでした♪
個別記事ページのポインセチアの画像はお馴染みのFiore 様からお借りしました。

ピンクのクリスマステンプレート。葉の中に見え隠れするパステルピンクのベルとリボンがかわいい、でも甘すぎないシックですてきな作品はFiore 様からお借りしました。本当に植物を描かれたら管理人的にはネットで一二を争う画力の絵師様です！

ブログタイトルの表示バランスが悪いときには改行をいれてください。詳しくは コチラ

ホワイトスノウのクリスマステンプレート。このテンプレートの個別記事ページは最初から、標準サイズはもちろん、コンパクト版より狭く設定してあります。表紙画像と背景は「Pearl Box 」様、他ページのヘッダーと個別記事の背景は「White Board」様 とからお借りしました。どちらのサイト様も、雪の結晶をモチーフに描かれた作品がため息が出るほど綺麗です！

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

クリスマスドリームにあふれたあらゆる意味でとっても贅沢なクリスマステンプレート♪疑似フレームタイプ。
「Cool Wallpaper World 」様のすばらしいＣＧ作品を全ページの背景にお借り致しました。どの作品もほ～んっとにステキで、テンプレートの顔となる表紙にお借りする作品をどれにするか迷いに迷いました。可愛らしくて繊細な、クレマチスと柊のアイコンとラインは、「White Board」様からお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。

このテンプレートは、公開済みの共有テンプレート［novel-S-Xmas1］のヘッダー部分の画像を変更して、冬用テンプレとしてアレンジ致しました。novel-S-xmas1と同じく、表紙画像と背景は「Pearl Box 」様、他ページのヘッダーと個別記事の背景は「White Board」様 とからお借りしました。
nonscript関連の問題点を改善致しました。
2010.1.22.共有テンプレートとして承認されましたのでサイト内配布は終了致します。
画像をクリックするとサンプルページが開きます。

このテンプレートは、公開済みの共有テンプレート［novel-R-Rose］の画像を変更して、バレンタイン向きのスウィーティな雰囲気に仕上げました。画像は［novel-R-Rose］と同じくＭａｋｏ’ｓ様のバレンタイン素材をお借りいたしました。nonscript関連の問題点も一応改善されているはずです。
画像をクリックするとサンプルページが開きます。

個別記事ページのレイアウトだけを変更して、小説本文ページの幅を狭めたコンパクト版のサイト内配布はコチラ 薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

「ブログで小説！」の麻生さまと共作させていただいたデザインテーマ「チョコレート＆スイーツ」応募作、［dt7_novel-template］が共有テンプレートとして承認されました！

デザインテーマ応募と作成の経緯については、先日の記事で申しあげた通りですが、麻生さまのオリジナル＆アレンジの作品のおかげで、お洒落で落ち着いた雰囲気のテンプレートに仕上がりました。管理人が逆立ちしても敵わない、シックで大人なセンスが光っています！

画像もすてきですが、お力添えいただいたのはデザイン面だけではなく、見えない部分、スクリプトの中身でも甚大なご助力を賜り、nonscript関連の問題点もめでたく改善されました。

麻生様、何から何まで本当にありがとうございました。



残るは、疑似フレームテンプレート（novel-PFタイプ）のドキュメント宣言ですが、これまた麻生さまからアドバイスいただいておりますので、遠からず改善される見込で大です。（＾ｖ＾）

表紙の氷の宮殿やNovelList・全記事一覧ページの背景は「STAR DUST 」様から、本文（個別記事）ページ・通常ブログ画面の背景は「White Board」様からnovel-S-xmas・novel-S-snowと同デザインの雪の結晶で黒背景バージョンをお借りしました。白背景もすてきでしたが、黒背景もすてきです♪

novel-temp-xmas1と扉絵以外は同じHTMLですので、スタイルシートを差し替えれば衣替えができます。
スタイルシートを変更すると、サンタの扉絵＋雪背景や、氷の宮殿の扉絵＋クリスマス背景というバージョンも楽しめますよん～

表紙ページ、北海道の雪景色を撮影された作品は「風のおひるね」様から、その他のページの背景は全て「素材の小路 」様からお借り致しました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

novel-PF2タイプ　↑上の画像をクリックするとプレビューされます。

novel-PFタイプの類似タイプテンプレート。novel-PFタイプとは表紙ページのレイアウトだけが違い、更新情報だけは最初から表紙ページに表示されます。novel-PFタイプはオンマウスで全てのコンテンツの表示が切り替わりましたが、このnovel-PF2タイプは、メニューボタンのリンク先はオンマウス、それ以外は、クリックで表示が切り替わります。
JavaScriptが無効な場合は、最初から全て表示されます。

また、このnovel-PF2-Plainは画像無しバージョンですが、それでは物足りない場合、気に入ったnovel-PFタイプのテンプレートのスタイルシートに差し替える事で、背景色や画像を変更（衣替え）できます。差し替えるスタイルシートによって、コンテンツが表示される位置は違ってきますが、全てのnovel-PFタイプのテンプレートに対応させました。
（衣替えする場合、2010.2.17の改訂後の最新版のテンプレートのスタイルシートがオススメです。改訂以前のスタイルシートの場合、デザインが崩れることはないはずですが、細部に微妙な乱れがでてくる可能性があります。）
2010.2.25.現在、拙宅で適用中のテンプレートも、HTMLはnovel-PF2、スタイルシートをnovel-PF-Umeに変更しています。

（2010.10.11.改訂）
コメント・トラックバックに関する表示はHTML中に四箇所五個所あり、J(1)～(2)A(1)～(2)・B(1)～(2)・C(1)～(2)・D(1)～(2)　と記されていますので不要な箇所を削除してください。

年明けにサイト内配布した、novel-PF-NewYearと表紙ページとNovelListの画像以外は同じです。
表紙ページの作品は「写真素材無料壁紙 」様、表紙以外の画像は全て「Fiore 」様からお借りしました。上の画像をクリックするとプレビューされます。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

記念すべき？第一号のNovelテンプレート。クラシックなロマンス小説が似合いそうなテンプレート。
画像は、写真が風のおひるね様、イラストはMako'sさまからお借りしました。




カテゴリ別全記事一覧ﾍﾟｰｼﾞ（初期設定）
更新順全記事一覧ﾍﾟｰｼﾞ（変更は容易）

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

古城やレイピアなど歴史ファンタジーが似合いそうな画像を選びました。
画像は、写真がp-fan.net様、イラストはMako'sさまからお借りしました。



上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

　　

画像はSweetyさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はSweetyさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

>

画像はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

個別記事ページの右下には三種類の薔薇の画像がランダムに表示されます。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
薔薇素材はMako'sさまからお借りしました。縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

				カテゴリ別（初期設定） （HTMLにソースを残していますので更新順への変更は容易です）
目次ページ	Novel List	個別記事ページ	通常ブログ画面	全記事一覧ページ

公開後にバージョンアップ（追加・改訂）された内容

• 〔表紙メニュー〕親子カテゴリ折りたたみ 解説記事
• ［表紙ﾍﾟｰｼﾞ］最近の更新スクロールバーの設置 解説記事
• ［表紙ﾍﾟｰｼﾞ］コメント・トラックバックの折りたたみ 解説記事
• 〔個別記事（小説本文）ﾍﾟｰｼﾞ〕同一作品（カテゴリ）の新着順⇒昇順の目次が表示 解説記事
• 〔全記事一覧ﾍﾟｰｼﾞ〕親子カテゴリー対応カテゴリー別タイトルリスト 解説記事
• 〔通常ﾌﾞﾛｸﾞ画面・検索ﾍﾟｰｼﾞ・カレンダーﾍﾟｰｼﾞ〕ﾍﾟｰｼﾞ番号リンクナビゲーション 解説記事
• 〔全ﾍﾟｰｼﾞ・サイトナビゲーション〕親子カテゴリー対応パン屑リスト

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

個別記事ページの左上には二種類の薔薇の画像がランダムに表示されます。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
薔薇素材はMako'sさまからお借りしました。縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

				カテゴリ別（初期設定） （HTMLにソースを残していますので更新順への変更は容易です）
目次ページ	Novel List	個別記事ページ	通常ブログ画面	全記事一覧ページ

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

• 関連エントリーメーカー　〇
• カテゴリ別タイトルリスト　〇
• パン屑リスト　〇
• ページ番号リンク　〇
• 最近の更新スクロール　〇
• コメントトラックバック折りたたみ　〇

こちらは従来の 更新順の 全記事一覧ﾍﾟｰｼﾞ	こちらがカテゴリ別の 全記事一覧ﾍﾟｰｼﾞ	Novel List	個別記事ページ	通常ブログ画面

ノートに物語を綴る雰囲気で…。背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
　novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

　

2010.5.15.デザインをリニューアルしました！詳しくはコチラ

背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。
novel-temp-note1～4は全く同じデザインの色違いバージョン。

　Novel List　目次ページ　全記事一覧ﾍﾟｰｼﾞ　個別記事ページ　通常ブログ画面

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。

個別記事ページの紫陽花の背景画像が紫陽花らしくランダムに色変わりしてゆきます。
縮小画面の閲覧にも適応できるように、個別記事ﾍﾟｰｼのテキスト部分には可変性を持たせました。
画像はFiore 様からお借りしました。

ゆんフリー写真素材集 様から富良野のラベンダー畑を撮影なさった作品お借りしました。


上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

かわいらしいサクランボの作品はSweetyさまからお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

White Board 様の、ガラス細工のような紫陽花の花に一目ぼれしてつくったテンプレートです。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

夏・南国・情熱を感じさせる真っ赤なアンセリュームの花をWhite Board 様からお借りしてまいりました。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

管理人のつくるテンプレートは若干？派で目ですから、ひとつくらいは、シンプルな雰囲気のテンプレートを作っておきたいと以前思っていたのですが、イメージにぴったりの可愛らしく清楚な白い花を描いた作品をWhite Board 様からお借りしました。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

涼しげなイルカやガラス細工のような貝殻の作品をWhite Board 様からお借りしました。
ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

画像はFiore 様からお借りしました。
novel-tempタイプでも同じデザインシリーズのテンプレート［novel-temp-clover］があります。


［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

White Board 様から
夏らしく涼しげで、大人びた美しさのあるカラーの花を描いた作品をお借りしました。

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

いつもお世話になっている薔薇素材Mako'sさまですが、新作素材として、この青いレースに白薔薇の作品を拝見したときは思わず歓声をあげてしまいました。この大きな一枚背景画像を拙作にお借りしたがために、Ｒタイプができあがったようなものです。

小説本文ページ背景はWhite Boardからお借りしました。
JavaScript有効時、カテゴリ番号0以外の個別記事（小説本文）背景はランダムに変わります。 (JS無効時は固定)

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

表紙ページは1024×1200サイズの画像を全面表示させています。この世の楽園、モルディブの美しい海と空を写し撮った作品は、アルカディア様からお借りしてまいりました。
テンプレートとしての利用のため、画質を劣さなければならなかったのが実に残念でありましたが、それでも充分すぎるくらい美しい!!

［novel-R］タイプのテンプレートは、［novel-S］タイプと同じく表紙画面下にプラグイン３コンテンツが表示されます。個別記事ページはワイドな全面表示で、数種類の背景画像がランダムに表示され、縮小画面の閲覧にも適応できるように可変性を持たせました。


プラグインのためのスペースはどれも、初期設定では180pxですので、幅200pxの普通サイズのバナーを貼った場合、はみ出てしまいますが、幅200pxのバナーに適応させて、プラグインスペースを広げるカスタマイズもご紹介しております。
詳しくはコチラ
改訂版のテンプレートでは、記事やプラグイン内の画像（バナー含む）は全て、スペース内に収まるサイズに自動調整されて表示されます。IE7以上であれば切れたり、はみ出て表示されることはありません。

2012.1.23.改訂

閲覧画面の解析度に表示が左右されないように背景を全てフルスクリーン表示に変更しました。（広幅パソコンでも余白ができません）そのため基本のHTMLに『フルスクリーン表示のための追加ソース』が追加してありますので、衣替えをする場合は、状況に応じて、それらを必ず削 除もしくは追加しなければ正常に表示されませんのでご注意ください。

水の中でゆらめく金魚のひれがなんとも涼しげ。novel-R-Roseと同じくMako'sさまからお借りしました。

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

ご好評をいただいた［novel-template-green］をＳタイプにアレンジしてみました。
可愛らしく涼しげなグリーンの写真作品はSweety 様からお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

JavaScript有効であれば、個別記事ページの背景画像のもみじの葉色は、秋の深まりとともに色づいてくる本物のもみじのように、アクセスするたびにランダムに変わります。（Java無効時は固定背景）
もみじのイラストはFiore 様からお借りしました。

Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

【novel-temp タイプ 】のテンプレートの小説本文スペースはワイドな全面表示ですが、これをサイト内配布しているコンパクト版のように、コンパクトなサイズに変更することもできます。カスタマイズはとても簡単です。詳しくはコチラ

葡萄のHP風小説用テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
JavaScript有効であれば、表紙ページと個別記事ページの背景画像の葡萄の実の色はアクセスするたびにランダムに変わります。（Java無効時は固定背景）

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

ブログタイトルの文字列が長く、バランスが悪く見えるときは改行をいれて調整してください。コチラ
葡萄のイラストはFiore 様からお借りしました。

Mako's様のハロウィン作品の中から楽しそうな雰囲気の子供たちのシルエットとかぼちゃのイラストをお借りしてきました。JavaScript有効であれば、背景色はランダムに変化します。無効時は表紙はオレンジ、それ以外のページは紫色の背景になります。

その他のハロウィン向きのテンプレートをお探しの場合はコチラ

薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

コスモスのHP風小説用疑似フレームテンプレート。一般ブログスタイルに変更する場合はコチラ。
青い空とピンクのコスモスとのコントラストがなんともいえないくらい清々しく晴れやかな気分にさせてくれる表紙ページの作品は写真素材無料壁紙 さまから、可愛らしいピンクのコスモスのイラスト作品や赤とんぼのアニメ作品は素材の小路さまよりお借りしました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。
個別記事ページのサイドには目次が自動的に表示されます。表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

秋のHP風小説用テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
表紙の背景はp-fan.netさまからお借りしましたが、それ以外のカードや風景・写真・タイルなどすべて素材の小路さまからお借りしました。（管理人はＭＥＭＥさまの美しいカード作品のﾌｧﾝでして、いつかは拙作テンプレにお借りしたいと思っておりましたので、夢が叶ってハッピーです♪）

［novel-PF］タイプのテンプレートは、疑似フレームを取り入れました。
表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。
個別記事ページのサイドには目次が自動的に表示されます。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• verPF1207以降のバージョンのこのテンプレートでは最初からご案内として、ブログ開設時に記載したサイト説明文が表示されます。
  この説明文を変更する場合はコチラご案内の内容を変更する場合
  
  
• これを他のテンプレートと同じ様に最初は何も表示させない、もしくは、ご案内以外のコンテンツを表示させる場合はコチラ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

幻想的なすばらしいＣＧ作品はLancorvel さまからお借りしました。（ネットサーフィンをしていて偶然出合えたLancorvelさまの作品に管理人は一目ぼれでした。その気持ちは一目ご覧いただければ皆様もご理解いただけるはず！）

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

Java Scriptが有効な場合は、表紙ページは、3種類の画像がランダムに表示され、メニューにカーソルをのせると右隅にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、ランダム表示とフルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

このテンプレートはEGP さまからお借りした表紙ページの作品以外の画像は使っておりません。背景画像を変更、あるいは表紙以外のページに背景を表示させる場合は他のＰＦタイプのテンプレートのスタイルシートをご参考にどうぞ。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

Fantasiaに引き続いてLancorvel さまから、今回は特に、宇宙・惑星をコンセプトにした作品をお借りしました。どうしてもお借りしたい作品があったので、背景にあわせて目次ページと全記事一覧ページのテキストは右側によせてあります。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Jタイプﾟと同じく、表紙サイドフレームのメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全てメインフレーム内に表示されます。

Java Scriptが有効な場合は、表紙ページは、2種類の画像がランダムに表示され、メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

カスタマイズ

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

2012.6.23.改訂(verPF1207)

全ページ完全リキッドレイアウトに改訂致しました。（但しIE7以上）IE６以下も表紙以外はリキッド・表紙はメインカラム幅が400pxを切ると横スクロールが出ますが閲覧に支障なしです。改訂以前もリキッドレイアウトのつもりでしたが、HTMLをPF2に変更するとリキッドにならなかったり、エリアによっては怪しかったのを修正しました。改訂済みのテンプレートはIE7以上であれば、JavaScript有効無効、HTMLをPF2タイプや一般用・イラストリスト付きに変更しても関係なくリキッドレイアウトで表示されます。

今まで無地だった通常ブログ画面や検索・月別ページの背景にも、Lancorvel 様のCG作品を使わせて頂きました。


JavaScript有効時にはIE７以上であれば、通常ブログ画面では上の画像と下の画像がフルスクリーンでランダムに表示されます。無効時とIE6以下は固定。
またIE7以上のIE限定ですが、サイドフレームのスクロールバーも透明にしてみました(#^.^#)


月別・検索ページの背景はコチラ↓


表紙・NovelList・通常ブログ画面・月別・検索ページでは、背景画像を閲覧画面に合わせてフルスクリーン表示させているので、画面に合わせて背景画像のサイズも変動します。
IE７以上であればワイド画面でも縮小画面でも画像が切れません。

紅葉のHP風小説用疑似フレームテンプレート。一般ブログでご利用の場合のカスタマイズはコチラ　
艶やかな真っ赤なもみじの表紙写真は風のおひるね様から、黒背景に浮かび上がる蒔絵のように美しいイラスト作品はFiore 様からお借りしました。メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

砂漠や城壁、モスクなどアラビアンナイトの世界を彷彿させるＣＧは「異国情緒あふれる写真と旅行記|KaycomDESIGN 」様から、イスラム風のアラベスク模様のタイルは「Aaron'sTools 」様からお借りしました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンかつランダムに表示させているため基本のHTMLに、ランダム表示とフルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

以前よりご要望を頂戴していたNovelテンプレート初の画像のないテンプレートです。
［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て右フレーム上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全てメインフレーム上に表示されます。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

クリスマステンプレート。個別記事ページ以外の画像は全てSTAR DUST様からお借りいたしました。クリスマスや雪の画像が激しく管理人好みでしたので、目移りしまくりでした♪
個別記事ページのポインセチアの画像はお馴染みのFiore 様からお借りしました。

ピンクのクリスマステンプレート。葉の中に見え隠れするパステルピンクのベルとリボンがかわいい、でも甘すぎないシックですてきな作品はFiore 様からお借りしました。本当に植物を描かれたら管理人的にはネットで一二を争う画力の絵師様です！

ブログタイトルの表示バランスが悪いときには改行をいれてください。詳しくは コチラ

ホワイトスノウのクリスマステンプレート。このテンプレートの個別記事ページは最初から、標準サイズはもちろん、コンパクト版より狭く設定してあります。表紙画像と背景は「Pearl Box 」様、他ページのヘッダーと個別記事の背景は「White Board」様 とからお借りしました。どちらのサイト様も、雪の結晶をモチーフに描かれた作品がため息が出るほど綺麗です！

［novel-S］タイプのテンプレートは、表紙画面下にプラグイン３コンテンツが表示されます。
コンパクトに見えますが、個別記事ページはワイドな全面表示です。
また、縮小画面の閲覧にも適応できるように、そのテキスト部分には可変性を持たせました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

クリスマスドリームにあふれたあらゆる意味でとっても贅沢なクリスマステンプレート♪疑似フレームタイプ。
「Cool Wallpaper World 」様のすばらしいＣＧ作品を全ページの背景にお借り致しました。どの作品もほ～んっとにステキで、テンプレートの顔となる表紙にお借りする作品をどれにするか迷いに迷いました。可愛らしくて繊細な、クレマチスと柊のアイコンとラインは、「White Board」様からお借りしました。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。

このテンプレートは、公開済みの共有テンプレート［novel-S-Xmas1］のヘッダー部分の画像を変更して、冬用テンプレとしてアレンジ致しました。novel-S-xmas1と同じく、表紙画像と背景は「Pearl Box 」様、他ページのヘッダーと個別記事の背景は「White Board」様 とからお借りしました。
nonscript関連の問題点を改善致しました。
2010.1.22.共有テンプレートとして承認されましたのでサイト内配布は終了致します。
画像をクリックするとサンプルページが開きます。

このテンプレートは、公開済みの共有テンプレート［novel-R-Rose］の画像を変更して、バレンタイン向きのスウィーティな雰囲気に仕上げました。画像は［novel-R-Rose］と同じくＭａｋｏ’ｓ様のバレンタイン素材をお借りいたしました。nonscript関連の問題点も一応改善されているはずです。
画像をクリックするとサンプルページが開きます。

個別記事ページのレイアウトだけを変更して、小説本文ページの幅を狭めたコンパクト版のサイト内配布はコチラ 薔薇素材～Mako's様の作品をお借りしたテンプレート一覧はコチラ

「ブログで小説！」の麻生さまと共作させていただいたデザインテーマ「チョコレート＆スイーツ」応募作、［dt7_novel-template］が共有テンプレートとして承認されました！

デザインテーマ応募と作成の経緯については、先日の記事で申しあげた通りですが、麻生さまのオリジナル＆アレンジの作品のおかげで、お洒落で落ち着いた雰囲気のテンプレートに仕上がりました。管理人が逆立ちしても敵わない、シックで大人なセンスが光っています！

画像もすてきですが、お力添えいただいたのはデザイン面だけではなく、見えない部分、スクリプトの中身でも甚大なご助力を賜り、nonscript関連の問題点もめでたく改善されました。

麻生様、何から何まで本当にありがとうございました。



残るは、疑似フレームテンプレート（novel-PFタイプ）のドキュメント宣言ですが、これまた麻生さまからアドバイスいただいておりますので、遠からず改善される見込で大です。（＾ｖ＾）

表紙の氷の宮殿やNovelList・全記事一覧ページの背景は「STAR DUST 」様から、本文（個別記事）ページ・通常ブログ画面の背景は「White Board」様からnovel-S-xmas・novel-S-snowと同デザインの雪の結晶で黒背景バージョンをお借りしました。白背景もすてきでしたが、黒背景もすてきです♪

novel-temp-xmas1と扉絵以外は同じHTMLですので、スタイルシートを差し替えれば衣替えができます。
スタイルシートを変更すると、サンタの扉絵＋雪背景や、氷の宮殿の扉絵＋クリスマス背景というバージョンも楽しめますよん～

表紙ページ、北海道の雪景色を撮影された作品は「風のおひるね」様から、その他のページの背景は全て「素材の小路 」様からお借り致しました。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

novel-PF2タイプ　↑上の画像をクリックするとプレビューされます。

novel-PFタイプの類似タイプテンプレート。novel-PFタイプとは表紙ページのレイアウトだけが違い、更新情報だけは最初から表紙ページに表示されます。novel-PFタイプはオンマウスで全てのコンテンツの表示が切り替わりましたが、このnovel-PF2タイプは、メニューボタンのリンク先はオンマウス、それ以外は、クリックで表示が切り替わります。
JavaScriptが無効な場合は、最初から全て表示されます。

また、このnovel-PF2-Plainは画像無しバージョンですが、それでは物足りない場合、気に入ったnovel-PFタイプのテンプレートのスタイルシートに差し替える事で、背景色や画像を変更（衣替え）できます。差し替えるスタイルシートによって、コンテンツが表示される位置は違ってきますが、全てのnovel-PFタイプのテンプレートに対応させました。
（衣替えする場合、2010.2.17の改訂後の最新版のテンプレートのスタイルシートがオススメです。改訂以前のスタイルシートの場合、デザインが崩れることはないはずですが、細部に微妙な乱れがでてくる可能性があります。）
2010.2.25.現在、拙宅で適用中のテンプレートも、HTMLはnovel-PF2、スタイルシートをnovel-PF-Umeに変更しています。

（2010.10.11.改訂）
コメント・トラックバックに関する表示はHTML中に四箇所五個所あり、J(1)～(2)A(1)～(2)・B(1)～(2)・C(1)～(2)・D(1)～(2)　と記されていますので不要な箇所を削除してください。

年明けにサイト内配布した、novel-PF-NewYearと表紙ページとNovelListの画像以外は同じです。
表紙ページの作品は「写真素材無料壁紙 」様、表紙以外の画像は全て「Fiore 」様からお借りしました。上の画像をクリックするとプレビューされます。

［novel-PF］タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Ｗﾀｲﾌﾟと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

• 表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアップ表示のカスタマイズ
  詳しくは【改訂版】ポップアップ表示のカスタマイズ
  
  
• 画面上下に固定表示されるメニューバーのカスタマイズ
  詳しくは　　「【novel-PF タイプ】（擬似フレームタイプ）　固定式メニューバーのカスタマイズ」
  
  
• 同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、簡単に衣替え（デザイン変更）できます。
  詳しくは　　「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」
  
  
• 但し、verPF1207以降のバージョンでは、このテンプレートの背景画像をフルスクリーンで表示させているため基本のHTMLに、フルスクリーン表示のためソースが追加してあります。(IE7以上)
  他のCSSに変更する場合はHTMLから必ずこのソースを削除し逆にこのCSSに変更する場合は追加してください。
  ソースを削 除もしくは追加せずに衣替えをした場合、IE7以上では背景画像が表示されません。
  詳しくは　 フルスクリーンテンプレートの衣替え
  
  
• novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
  詳しくは　 コチラ
  
  
• novel-PF-Illustかnovel-PF2-IllustのHTMLに差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ