Template Image素材サイト様 ： Fiore

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

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

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


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

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

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

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

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

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

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

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

紅葉の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に差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

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

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

年明けにサイト内配布した、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に差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

ポップアップ疑似フレームタイプ、春爛漫、桜のテンプレート。上の画像をクリックするとプレビューされます。

表紙ページでは「風のおひるね」様からお借りした美しい桜の姿がランダムに表示されます。
表紙ページ以外では「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に差し替えると、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更（衣替え）することができます。
  詳しくは　 コチラ

ふんわり優しい桜のテンプレート。
いつもお世話になっている「Fiore 」様の作品をふんだんにお借りして、メロウで甘い雰囲気に仕上がりました。
上の画像をクリックするとプレビューされます。

さくら・サクラ・桜！
クリップアートは「White Board」様、背景は「Fiore 」様からお借り致しました。
ＷＥＢ上で一二を争うほど、美しい花と、美しいクリスタル素材を提供してくださっているお二方の、超豪華なコラボです！
これぞまさしく桜の饗宴ですわん♪＼(~o~)／…と、ひとり悦にいる桜好きの管理人です。

表紙ページと通常ブログ画面のデザイン、どちらをトップにもってくるか、かなり迷いました。
迷いに迷った結果、ＴＯＰには夜桜背景に宝石のような桜のクリップアートをもってきて、ゴージャスに仕上げました。
小説本文ページを現状のワイド（全面）表示ではなくコンパクト表示にしたい方のために、後日、コンパクト版のスタイルシートをアップいたします。

キュートなイチゴのテンプレート。
「Fiore 」様の、甘くて美味しそうで、そしてとってもかわいいイチゴ作品をお借りいたしました。
画像をクリックするとプレビューされます。

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

既に公開済みのnovel-S-cloverのスタンダードタイプのテンプレートになります。
実は昨年、Ｓタイプより前に作成していたのですが、同じデザインで同時に申請するのもどうかともたもたしているうちに、季節が変わって公開の時期を逸してしまい、やむなく一年間お蔵入りしていたテンプレートです。
若葉・新緑の季節となりましたので、今回、一年ぶりに蔵出しして、微調整して、晴れて申請の運びとなりました。
背景画像は「Fiore 」様からお借りしております。
画像をクリックするとプレビューされます。

紫陽花のポップアップ疑似フレームタイプテンプレート。六月も終わりに近く、時期的には少々遅すぎたかもしれませんが、毎日、うっとうしい日が続きますので、気分転換もかねて、紫陽花の新作テンプレートをつくってみました。
表紙ページは三種類の紫陽花の写真がランダムに変化します。上の画像をクリックするとプレビューされます。

表紙ページでは「無料 風景・写真 素材／AMI Lab.」様からお借りした三種類の紫陽花の写真がランダムに表示されます。
表紙ページ以外ではいつもお世話になっております「Fiore 」様の紫陽花の作品をお借りいたしました！


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

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

一時期サイト内配布していた新年用テンプレをリニューアルしました。

以前は大晦日にあわてて作った事もあり、「Cool Wallpaper World 」様の作品をお借りした表紙以外は、novel-PF-Umeとほとんど同じでしたが、今回、共有テンプレートとして申請するにあたり、他ページのデザインも一新させました。朱色と黒の漆塗りのようなFiore 様の和風壁紙がお正月らしさを醸し出してくれています。

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

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

novel-temp-yukari

久しぶりの新作は紫匂う藤の花のテンプレートです。

実はこのテンプレート、昨年春、Fioreさまの藤棚の背景画像にひとめぼれして作りだしたのですが、もたもたしているうちに、とうとう藤の花の季節に間に合わなくなってしまって…未完のままお蔵入りさせていたテンプレートです…(^^ゞ

表紙以外のページに飾る画像で、気に入ったものが見つけらなかったのが頓挫してしまった原因ですが、今年はじめ、久しぶりにお尋ねしたまうし堂様で、すてきな和風素材に巡り合いました。
几帳の陰からのぞく装束の裾や、くす玉、和風テイストな作品を拝見して、これだっと思いました！
思った通り、雅で古風なまうし堂さまの平安風作品は、ゆかしく香る紫の藤の花と激しくマッチするじゃぁありませんか！

おかげ様で、紫匂う和の趣たっぷりのテンプレートに仕上げることができました。
二年越しでようやく日の目を見る事ができたテンプレートだけに、管理人としては大満足です。
Fiore様、まうし堂様、ありがとうございました！

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

調子によって、なんちゃって素材屋風小説テンプレートの四作目を作成しました♪
お正月仕様なので、今回は、Mako's様の麗しくも艶めかしい振袖ガールにご登場いただき、人物イラスト以外は、Fiore様からお借りしております。

JavaScript有効時にはメニューにカーソルをおくとコンテンツがカードの上に表示され、無効時には最初からカード内に表示されます（スクロール付き）。
IE7以上であれば、縮小画面でも横スクロールが出ないリキッドレイアウト。
個別記事と全記事一覧ページ以外は右寄せでデザインしてありますが、1,400pxを超えるとコンテンツはそれ以上右に寄らなくなるので、幅広パソコンで閲覧しても、レイアウトが不自然に見えません。
大見出しにはGoogle web fontsを使っているので、ブログ名がアルファベットの場合、タイトルがちょっとかわいいフォントで表示されます。

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

トップページだけでなく、通常ブログ・検索・月別・目次ページも、記事はカード内に表示され、スクロールを上下してそれを読むスタイル、いわゆる素材屋風仕様。
novel-I-Score-Jfのように表紙のみ素材屋風のものと区別するために、novel-I2-とIの横に2をつけてあります。

何度も申しあげますが、この素材屋風仕様のレイアウトは、記事ページには向いていないのですが、イラストが映えて視覚的に楽しいので、今回も完全に自分の楽しみのために作らせていただきました。通常ブログ画面が激しく読みづらくてごめんなさい…＜m(__)m＞
イラっとしたら、さくっと個別記事を開いていただくと、そちらは従来通りのスタイルですので、お許しくださいませ～


お正月用ですので、トップページでは最初に上のような画像が表示されますが、DL後にスタイルシートの末尾に以下を追加すると、

#step0 {visibility:visible;z-index:1;}

初春の文字は消え、ブログの説明が表示されるようになりますので、お正月以外のシーズンでご利用の場合はお試しください。

　2013.3.1.追記
　年末年始以外は、初春　の文字は消して公開します

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