FC2ブログ

Template Image素材サイト様 : 通年

画像をクリックすると直接テンプレートがプレビューされます。 テンプレート名 か 続きを読む をクリックするとテンプレートの解説記事が開きます。写真 イラスト 花 など用いている画像についてのタグ(Template Image Tag)をクリックすると、該当するテンプレートが表示されます。
テンプレート表紙初期設定上1

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

テンプレートNovelList3テンプレート小説本文30テンプレート通常ブログ上下30


カテゴリ別全記事一覧ページ(初期設定)
更新順全記事一覧ページ
(変更は容易)

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

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

 novel-template

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

»» 続きを読む

»» リスト へ page top


sepia表紙

Sepia Novel ListSepia 個別記事ページSepia通常ブログ画面

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



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

 novel-template-sepia セピア色のテンプレート

古城やレイピアなど歴史ファンタジーが似合いそうな画像を選びました。 画像は、写真がp-fan.net様、イラストはMako'sさまからお借りしました。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。...

»» 続きを読む

»» リスト へ page top


rose1表紙ワイド

個別記事ページ通常ブログ画面

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

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

 novel-template-green

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

»» 続きを読む

»» リスト へ page top




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

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



全記事一覧ページ(別窓)

全記事一覧ページ(別窓)

Novel List(別窓)

個別記事ページ

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


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

 novel-temp-note1

2010.5.15.デザインをリニューアルしました!詳しくはコチラ関連エントリーメーカー 〇カテゴリ別タイトルリスト 〇パン屑リスト 〇ページ番号リンク 〇最近の更新スクロール 〇コメントトラックバック折りたたみ 〇こちらは従来の更新順の全記事一覧ページこちらがカテゴリ別の全記事一覧ページNovel List個別記事ページ通常ブログ画面ノートに物語を綴る雰囲気で…。背景画像はしんぷる舎さまとMaterial Worksさまからお借り...

»» 続きを読む

»» リスト へ page top




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

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

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

 novel-temp-note2

2010.5.15.デザインをリニューアルしました!詳しくはコチラ背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。 novel-temp-note1~4は全く同じデザインの色違いバージョン。 Novel List 目次ページ 全記事一覧ページ 個別記事ページ 通常ブログ画面...

»» 続きを読む

»» リスト へ page top




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

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

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

 novel-temp-note3

2010.5.15.デザインをリニューアルしました!詳しくはコチラnovel-temp-note1~4は全く同じデザインの色違いバージョン。 Novel List 目次ページ 全記事一覧ページ 個別記事ページ 通常ブログ画面...

»» 続きを読む

»» リスト へ page top


 

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

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

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

 novel-temp-note4

 2010.5.15.デザインをリニューアルしました!詳しくはコチラ背景画像はしんぷる舎さまとMaterial Worksさまからお借りしました。novel-temp-note1~4は全く同じデザインの色違いバージョン。 Novel List 目次ページ 全記事一覧ページ 個別記事ページ 通常ブログ画面...

»» 続きを読む

»» リスト へ page top





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


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

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

 novel-S-white 白い小花のテンプレート

管理人のつくるテンプレートは若干?派で目ですから、ひとつくらいは、シンプルな雰囲気のテンプレートを作っておきたいと以前思っていたのですが、イメージにぴったりの可愛らしく清楚な白い花を描いた作品をWhite Board 様からお借りしました。 [novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。コンパクトに見えますが、個別記事ページはワイドな全面表示です。また、縮小画面の閲覧にも...

»» 続きを読む

»» リスト へ page top




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

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

 novel-S-green

ご好評をいただいた[novel-template-green]をSタイプにアレンジしてみました。 可愛らしく涼しげなグリーンの写真作品はSweety 様からお借りしました。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。...

»» 続きを読む

»» リスト へ page top


novel-PF-Simple

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

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

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

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


 novel-PF-Simple

このテンプレートはEGP さまからお借りした表紙ページの作品以外の画像は使っておりません。背景画像を変更、あるいは表紙以外のページに背景を表示させる場合は他のPFタイプのテンプレートのスタイルシートをご参考にどうぞ。[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。表紙メニューにカーソルをのせるとJava Scriptが有効...

»» 続きを読む

»» リスト へ page top


anime-novel-PF-A1.gif

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

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

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


 novel-PF-PlainA1

以前よりご要望を頂戴していたNovelテンプレート初の画像のないテンプレートです。[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て右フレーム上に表示されます...

»» 続きを読む

»» リスト へ page top




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

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


 novel-PF-PlainA2

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全てメインフレーム上に表示されます。表紙ページのメニューボタンやポップアップされる内容の変更など、ポップアッ...

»» 続きを読む

»» リスト へ page top


クリックすると【dt7_novel-template】がプレビューされます

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

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

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

麻生様、何から何まで本当にありがとうございました。
アニメ土下座ライン


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

 dt7_novel-template デザインテーマ・テンプレート

「ブログで小説!」の麻生さまと共作させていただいたデザインテーマ「チョコレート&スイーツ」応募作、[dt7_novel-template]が共有テンプレートとして承認されました!デザインテーマ応募と作成の経緯については、先日の記事で申しあげた通りですが、麻生さまのオリジナル&アレンジの作品のおかげで、お洒落で落ち着いた雰囲気のテンプレートに仕上がりました。管理人が逆立ちしても敵わない、シックで大人なセンスが光ってい...

»» 続きを読む

»» リスト へ page top


20100225-002853-37417700.gif

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-PF2-Plain

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

»» 続きを読む

»» リスト へ page top


novel-PF2-Illust s20-novel-PF2-Illust.jpg

上の画像をクリックするとプレビューされます。
背景画像、飾り枠などはは「素材の小路 」様からお借りしました。

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。

スタイルシート(CSS)を他のnovel-PFタイプのスタイルシートと差し替えることで、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。


主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

 novel-PF2-Illust(イラストリスト付きテンプレート)

 上の画像をクリックするとプレビューされます。背景画像、飾り枠などはは「素材の小路 」様からお借りしました。以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust ...

»» 続きを読む

»» リスト へ page top


novel-PF-Block


疑似フレームポップテンプレート、春らしいピンク系の新作。
novel-PF-Fall と同じく、「素材の小路 」様からお借りした美しいカード画像がポップアップで表示されます。
novel-PF・novel-PF2タイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、著作権表示の変更をお忘れなく!また、変更後に、WelcomeCardを最初から表示させる場合には、HTMLのWelcomeCardの箇所をコピペして追加してください。(verPF1207以降のバージョンでは必要なし)

画像は「素材の小路 」様からお借りしました。

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

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

 novel-PF-Block

疑似フレームポップテンプレート、春らしいピンク系の新作。novel-PF-Fall と同じく、「素材の小路 」様からお借りした美しいカード画像がポップアップで表示されます。novel-PF・novel-PF2タイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、著作権表示の変更をお忘れなく!また、変更後に、WelcomeCardを最初から表示させる場合には、HTMLのWelcomeCardの箇所をコピペして追加し...

»» 続きを読む

»» リスト へ page top


s10-novel-temp-sakura.jpg


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

 novel-temp-clover クローバーのテンプレート

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

»» 続きを読む

»» リスト へ page top


s10-normal-temp_1.jpg
小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。
tiyuumoku-ani02.gifHPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、同タイプのテンプレートのスタイルシートやHTMLを交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。
同タイプのテンプレートコチラ  novel-templateタイプ  novel-tempタイプ
詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

HPサイト風テンプレート 表紙あり


画像をクリックするとプレビューされます。ヘッダー背景の作品は「空彩 」様からお借り致しました。

novel-templateを一般ブログ用に逆アレンジしました。NovelListなど、小説テンプレ特有の表示がないだけで、通常ブログ画面以外は普通のnovel-templateタイプとほとんど同じです。

小説用テンプレとの主な違い


  • 通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「…コメントを読む」をクリックすると開きます。JavaScript無効時は、クリックすると個別記事ページの追記冒頭、コメント欄へとびます。
  • タグエリアは小説用ではNovelListとして作品紹介のページにしたために、カテゴリ(作品)名がエントリー部分の一番上に表示させましたが、normalタイプは一般ブログですから、記事タイトルが一番上に表示されます。

  • おまけとして、DL時は非表示ですが、ユーザータグ「Topics」を設定した記事へのリンクボタンをサイドメニューと、サイトナビゲーションに隠してあります。特に注目してもらいたい記事がある場合などは、HTMLの中のサイトナビゲーションと表紙メニュー部分の説明に従って、不要なタグを削除すればリンクボタンが表示されます。


novel-templateタイプ  novel-tempタイプのスタイルシートと交換することで衣替えもできます。公開中のテンプレートはnovel-templae-skyという後日申請予定のテンプレートのスタイルシートを使っていますが、スタイルシートを交換するだけで、他のnovel-template・tempタイプのデザインに変更できます。
例えば novel-temp-ichigoのスタイルシートに変更するとこうなります コチラ コチラ

詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

小説用のテンプレートでは、表紙メニューに未分類が表示されない設定にしてあります。スタイルシートを変更する際、表紙メニューのカテゴリ欄に未分類を表示する場合は、スタイルシートの以下の部分を削除してから変更しください。

/*隠しカテゴリ*/
.未分類 {
display : none;
}



また、個別記事ページの表示はDL時は固定幅中央表示ですが、スタイルシートの中から(A)と(B)の二行を削除するだけで、可変性の全面表示に変更できます。
詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」


一般用テンプレート固有のカスタマイズについてはコチラ 「一般用テンプレート固有の仕様とカスタマイズ




 normal-temp_1(HPサイト風表紙付き一般ブログ用)

小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。HPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、同タイプのテンプレートのスタイルシートやHTMLを交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。同タイプのテンプレート  novel-templat...

»» 続きを読む

»» リスト へ page top


s10-normal-temp_1.jpg


novel-templateを一般ブログ用に逆アレンジしたスタンダードなブログスタイルテンプレート 表紙無しバージョン。
画像をクリックするとプレビューされます。ヘッダー背景の作品は「空彩 」様からお借り致しました。

小説用テンプレとの主な違い

  • 通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「…コメントを読む」をクリックすると開きます。JavaScript無効時は、クリックすると個別記事ページの追記冒頭、コメント欄へとびます。

  • プラグインは個別記事と全記事一覧ページ以外の全てのページで表示されますが、JavaScript有効時は折りたたまれており、プラグインタイトルをクリックすると開きます。無効時は最初から開示されています。

  • 表紙がないため、全記事一覧ページをサイトマップとして、検索フォームとカテゴリリストだけでなく、月別アーカイブとユーザータグリストをサイドに表示させましたが、サイドメニューが不要であれば、簡単に削除できます。

  • カテゴリエリアは独立した目次ページではなく、ページ上部に記事タイトルのリストが、下に記事群が表示されます。その記事群は、通常ブログ画面と同じく、JavaScript有効時は、追記部分とコメントは折りたたまれていて、「…続きを読む」「CommentList」をクリックすると開きます。無効時は、「…続きを読む」はクリックすると個別記事ページへとび、コメントリストは最初から開示されています。

  • タグエリアは、検索エリア、月別アーカイブエリアの表示と同じく、ページ上部にリストに、下部の記事群では、記事冒頭文が表示されます。

  • 個別記事下の関連エントリーで表示される関連記事のタイトルの数は、DL時は10ですが、変更可能です。




novel-templateタイプ  novel-tempタイプのスタイルシートと交換することで衣替えもできます。公開中のテンプレートはnovel-templae-skyという後日申請予定のテンプレートのスタイルシートを使っていますが、スタイルシートを交換するだけで、他のnovel-template・tempタイプのデザインに変更できます。

詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

また、個別記事ページの表示はDL時は固定幅中央表示ですが、スタイルシートの中から(A)と(B)の二行を削除するだけで、可変性の全面表示に変更できます。
詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」


一般用テンプレート固有のカスタマイズについてはコチラ 「一般用テンプレート固有の仕様とカスタマイズ

 normal-temp_2(一般ブログスタイル表紙無し)

novel-templateを一般ブログ用に逆アレンジしたスタンダードなブログスタイルテンプレート 表紙無しバージョン。画像をクリックするとプレビューされます。ヘッダー背景の作品は「空彩 」様からお借り致しました。小説用テンプレとの主な違い通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「…コメントを読む」をクリックすると開きます。JavaScript無効時は、クリックすると個別記...

»» 続きを読む

»» リスト へ page top


20100517-132459-61976800.gif




s7-novel-temp-Illust-new.jpg

イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。(2010.5.17.テンプレート自体には画像のないスタイルに改訂しました。)

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。
飾り枠は「素材の小路 」様からお借りしました。

スタイルシート(CSS)を他のnovel-template・novel-tempタイプのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。

以下はnovel-template-blueのスタイルシートに変更した場合のイラストリスト

s10-novel-temp-Illust.jpg


DL時のイラストリストは画像の横に記事の冒頭文が表示されるスタイルですが、画像を一覧表示にしたり、特定のカテゴリだけ上のように画像用目次で表示するためのソースが埋め込まれていますので、カスタマイズはとても簡単です。

簡単カスタマイズで表示スタイルを画像一覧に変更した場合↓
s10-novel-temp-Illust-3.jpg



主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

他のnovel-temp・novel-templateタイプのスタイルシートを差し替えて、イラストリストや画像用目次をカスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます。
リストのIllustListタグ、画像用目次をクリックすると別窓で開きます。

 novel-temp-Illust(イラストリスト付きテンプレート)

イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレー...

»» 続きを読む

»» リスト へ page top


s30-novel-S-simple3.jpg

画像をクリックするとプレビューされます。

かわいいミシンのイラストや壁紙は「White Board」様からお借り致しました。ミシンや糸巻きなどソーインググッズのイラストがとてもかわいかったので、今回はちょっと趣向を変えて、同じデザインで色違いのイラストでページを飾ってみました。
sewing-br.gifsewing-r.gifsewing-n.gifsewing-g.gif


一般ブログ用テンプレートnormal-simple1・simple2とスタイルシートは同じものを用いていますので、デザインはほとんど同じです。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

 novel-S-simple

画像をクリックするとプレビューされます。かわいいミシンのイラストや壁紙は「White Board」様からお借り致しました。ミシンや糸巻きなどソーインググッズのイラストがとてもかわいかったので、今回はちょっと趣向を変えて、同じデザインで色違いのイラストでページを飾ってみました。一般ブログ用テンプレートnormal-simple1・simple2とスタイルシートは同じものを用いていますので、デザインはほとんど同じです。[novel-S]タ...

»» 続きを読む

»» リスト へ page top


s10-novel-R-Moon.jpg

小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。
お知らせ HPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、DL後に、同タイプ(novel-Rタイプ)のテンプレートのスタイルシートやHTMLを交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。


HPサイト風テンプレート 表紙あり


画像をクリックするとプレビューされます。
novel-Rタイプを逆アレンジした一般ブログ用テンプレート。
表紙付きのHP風。現在は、ふわふわ。り様の作品をお借りしたnovel-R-Fuwariと同じデザインです。

NovelListなど小説テンプレ特有の表示がないだけで、見た目のデザインはほとんど同じです。

小説用テンプレとの主な違い


  • 通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「CommentList」をクリックすると開きます。無効時、「…続きを読む」はクリックすると個別記事ページへとび、コメントリストは最初から開示されています。

  • タグエリアは小説用ではNovelListとして作品紹介のページにしたために、カテゴリ(作品)名がエントリー部分の一番上に表示させましたが、normalタイプは一般ブログですから、記事タイトルが一番上に表示されます。

  • おまけとして、DL時は非表示ですが、ユーザータグ「Topics」を設定した記事へのリンクボタンをサイドメニューと、サイトナビゲーションに隠してあります。特に注目してもらいたい記事がある場合などは、HTMLの中のサイトナビゲーションと表紙メニュー部分の説明に従って、不要なタグを削除すればリンクボタンが表示されます。



 normal-R-Html-1(HPサイト風表紙付き一般ブログ用)

小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。 HPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、DL後に、同タイプ(novel-Rタイプ)のテンプレートのスタイルシートやHTMLを交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。HPサイト風テ...

»» 続きを読む

»» リスト へ page top


novel-R-Sepia

novel-Rタイプを逆アレンジした一般ブログ用テンプレート。
表紙のない一般ブログスタイル。現在は、ふわふわ。り様の月のイラストをお借りしたnovel-R-Fuwariと同じデザインです。

小説用テンプレとの主な違い

  • 通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「…コメントを読む」をクリックすると開きます。JavaScript無効時は、クリックすると個別記事ページの追記冒頭、コメント欄へとびます。

  • プラグインは個別記事と全記事一覧ページ以外の全てのページで表示されますが、折りたたみ機能付きでクリックで開閉します(JavaScript有効時)。

  • 表紙がないため、全記事一覧ページをサイトマップとして、検索フォームとカテゴリリストだけでなく、月別アーカイブとユーザータグリストをサイドに表示させました。

  • カテゴリエリアは独立した目次ページではなく、ページ上部に記事タイトルのリストが、下に記事群が表示されます。その記事群は、通常ブログ画面と同じく、JavaScript有効時は、追記部分とコメントは折りたたまれていて、「…続きを読む」「CommentList」をクリックすると開きます。無効時は、「…続きを読む」はクリックすると個別記事ページへとび、コメントリストは最初から開示されています。

  • タグエリアは、検索エリア、月別アーカイブエリアの表示と同じく、ページ上部にリストに、下部の記事群では、記事冒頭文が表示されます。

  • 個別記事下の関連エントリーで表示される関連記事のタイトルの数は、DL時は10ですが、変更可能です。

 normal-R-Html-2(一般ブログスタイル表紙無し)

novel-Rタイプを逆アレンジした一般ブログ用テンプレート。表紙のない一般ブログスタイル。現在は、ふわふわ。り様の月のイラストをお借りしたnovel-R-Fuwariと同じデザインです。小説用テンプレとの主な違い通常ブログ画面はJavaScript有効時、追記部分とコメントは折りたたまれていて、「…続きを読む」「…コメントを読む」をクリックすると開きます。JavaScript無効時は、クリックすると個別記事ページの追記冒頭、コメント欄へ...

»» 続きを読む

»» リスト へ page top


ss-novel-R-Fuwari30.jpg

シンプルでかわいいイラストは全てふわふわ。り様からお借り致しました。絵本のような雰囲気を目指しました。

[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

 novel-R-Fuwari ふわふわ。り様のテンプレート

シンプルでかわいいイラストは全てふわふわ。り様からお借り致しました。絵本のような雰囲気を目指しました。[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認くだ...

»» 続きを読む

»» リスト へ page top


novel-R-Sepia

秋向きのHP風小説用テンプレート。もちろんお気に召していただけたなら、秋以外にもどうぞ。一般ブログでご利用の場合のカスタマイズはコチラコチラ 
p-fan.net」様からお借りしたヨーロッパの街並みの風景写真をセピア加工させていただき、レトロでノスタルジックな雰囲気を目指しました。写真以外の画像は、「薔薇素材~Mako's」様のレース作品をお借り致しました。

[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

 novel-R-Sepia セピア色のテンプレート

秋向きのHP風小説用テンプレート。もちろんお気に召していただけたなら、秋以外にもどうぞ。一般ブログでご利用の場合のカスタマイズはコチラ 「p-fan.net」様からお借りしたヨーロッパの街並みの風景写真をセピア加工させていただき、レトロでノスタルジックな雰囲気を目指しました。写真以外の画像は、「薔薇素材~Mako's」様のレース作品をお借り致しました。[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コン...

»» 続きを読む

»» リスト へ page top


s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。

novel-R-PopUpと同じスタイルシートでですので、背景デザインも同じです。背景画像は「EGP」様からお借りしました。お借りした写真は一点だけですが、大きな一枚画像ですので、ページごとに背景配置を変えさせていただきました。横幅1200くらいまでの解析度でご覧いただくと、同じ作品でありながら、それぞれの表情が違ってきて見えます。

同じnovel-Rタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや、ポップアップ、一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

 novel-R-Illust (イラストリスト付きテンプレート)

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラス...

»» 続きを読む

»» リスト へ page top


novel-R-Angel

ご存知「薔薇素材~Mako's」様の、心が洗われるような美しくも清らかな天使のイラスト作品をお借りしたテンプレート。
まこ様が描く妖艶な麗人や薔薇のイラスト作品も大ファンですが、この清らかで愛らしい童子の天使にもメロメロ…。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

 novel-R-Angel 天使のテンプレート

ご存知「薔薇素材~Mako's」様の、心が洗われるような美しくも清らかな天使のイラスト作品をお借りしたテンプレート。まこ様が描く妖艶な麗人や薔薇のイラスト作品も大ファンですが、この清らかで愛らしい童子の天使にもメロメロ…。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他の...

»» 続きを読む

»» リスト へ page top


novel-temp-star


公開が、七夕に間に合うかどうか微妙ですが、とりあえず、今年も七夕に合わせて、星のイメージで、テンプレートをつくってみました。

昨年の七夕公開用のテンプレートは、銀河や宇宙をダイナミックに描いたCG作品をお借りした、SF作品が似合いそうなテンプレートでしたが、今年は、銀河は銀河でも「銀河鉄道の夜」をイメージしたメルヘンチックな雰囲気でまとめてみました。

イラストは全て、「Azusa 」様からお借りしております。

実は管理人、以前から、フリーフォントをすてきにおしゃれにアレンジなさったAzusa様の一連の作品の大ファンです。
特に、管理人が心に描く銀河鉄道のイメージそのものの、幻想的な汽車の作品は、本当に大好きで、拙宅でも、特定の目次ページの背景を変更するカスタマイズのサンプルページでは、既に、使わせていただいておりました。けれども、それだけでは飽き足らず、ついに、この「星空を走る汽車ぽっぽ」メインのテンプレート作成に相成りました。

個別記事ページとNovelList,目次ページ以外のヘッダーでは、四種類の汽車の画像がランダムに表示されます。

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

 novel-temp-star 銀河鉄道テンプレート

公開が、七夕に間に合うかどうか微妙ですが、とりあえず、今年も七夕に合わせて、星のイメージで、テンプレートをつくってみました。昨年の七夕公開用のテンプレートは、銀河や宇宙をダイナミックに描いたCG作品をお借りした、SF作品が似合いそうなテンプレートでしたが、今年は、銀河は銀河でも「銀河鉄道の夜」をイメージしたメルヘンチックな雰囲気でまとめてみました。イラストは全て、「Azusa 」様からお借りしております。実...

»» 続きを読む

»» リスト へ page top


20100710-224831-09315700.gif
s-10normal-PF-Plain2.jpg


novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。
イラストリスト付きテンプレートの詳細は コチラ コチラをご覧ください。

同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。
詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え
novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
詳しくは  コチラ

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

ポップアップ表示のカスタマイズについては⇒コチラ と コチラ
アクセス解析などのタグを追加したせいで表示がずれてしまった場合はコチラ

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

 novel-PF-Illust イラストリスト付きテンプレート

novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。イラストリスト付きテンプレートの詳細は  コチラをご覧ください。同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」novel-PF2-Pla...

»» 続きを読む

»» リスト へ page top


s-10normal-PF-Sky.jpg20100710-104037-41717100.gif

小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。

お知らせ HPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、DL後に同タイプのテンプレートのスタイルシートやHTMLに交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。
同タイプのテンプレートコチラ  novel-PFタイプ  novel-PF2タイプ
詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

HPサイト風テンプレート 表紙あり



novel-PFタイプを一般ブログ用に逆アレンジしました。
一般ブログをサイト風に使いたい方向きの表紙付きの疑似フレームテンプレート。

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

ポップアップ表示のカスタマイズについては⇒コチラ
メニューバーのカスタマイズについては コチラコチラ

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

 normal-PF-Sky(HPサイト風疑似フレームテンプレート)

小説テンプレを逆アレンジした一般ブログ用HP風テンプレ。 HPサイト風テンプレートを探して検索からいらした方へNovelテンプレートはHPサイトへの擬態を目指して作成したブログテンプレートです。共有テンプレートとして公開しているほとんどは小説サイト用ですが、DL後に同タイプのテンプレートのスタイルシートやHTMLに交換することで、小説用を一般用へ、一般用を小説用へ簡単に変更できます。同タイプのテンプレート  novel-...

»» 続きを読む

»» リスト へ page top


s10-novel-R-Moon.jpg


秋は月がきれいに見える季節。ふわふわ。り様の月のイラストをお借りして、しっとりとした、大人のメルヘン路線のテンプレートをつくってみました。

20100918-161518-58637800.gif

[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。
上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

 novel-R-Moon ふわふわ。り様の月のメルヘンテンプレート

秋は月がきれいに見える季節。ふわふわ。り様の月のイラストをお借りして、しっとりとした、大人のメルヘン路線のテンプレートをつくってみました。[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますの...

»» 続きを読む

»» リスト へ page top


s2-novel-F-Dream-mini2.jpg

ブログで夢小説!ユメミル?の柚木様がご考案くださった「ブログ夢mini」をお借りした夢小説用テンプレートです。
yumemini.jpg

この夢小説用テンプレートは、「夢小説用テンプレートの設定」をすることで、夢小説作品(カテゴリ)目次と夢小説本文(個別記事)ページに名前変換フォームが表示され、主人公の名前や苗字を変換して小説を閲覧できるようになります。
夢小説テンプレートの設定方法など詳しくは「夢小説用テンプレートの設定」をご覧ください。

Novelテンプレートは、五つの基本設定をして初めて小説テンプレとして機能します。
夢小説用テンプレートは、夢小説の設定をしない場合は、普通の小説用テンプレートとしてご利用できますが、五つの基本設定だけはお忘れなく!

上の画像をクリックすると実際のページがプレビューされます。

 夢小説用テンプレートDream-Rf-mini

ブログで夢小説!ユメミル?の柚木様がご考案くださった「ブログ夢mini」をお借りした夢小説用テンプレートです。この夢小説用テンプレートは、「夢小説用テンプレートの設定」をすることで、夢小説作品(カテゴリ)目次と夢小説本文(個別記事)ページに名前変換フォームが表示され、主人公の名前や苗字を変換して小説を閲覧できるようになります。夢小説テンプレートの設定方法など詳しくは「夢小説用テンプレートの設定」をご覧くだ...

»» 続きを読む

»» リスト へ page top


s2-novel-F-Dream-plus.jpg


ブログで夢小説!ユメミル?の柚木様がご考案くださった「ブログ夢plus」をお借りした夢小説用テンプレートです。

yumepuls.jpg

夢小説用テンプレートは、「夢小説用テンプレートの設定」をすることで、夢小説作品(カテゴリ)目次と夢小説本文(個別記事)ページに名前変換フォームが表示され、主人公の名前や苗字を変換して小説を閲覧できるようになります。
夢小説テンプレートの設定方法など詳しくは「夢小説用テンプレートの設定」をご覧ください。

Novelテンプレートは、五つの基本設定をして初めて小説テンプレとして機能します。
夢小説用テンプレートは、夢小説の設定をしない場合は、普通の小説用テンプレートとしてご利用できますが、五つの基本設定だけはお忘れなく!

 夢小説用テンプレートDream-Rf-plus

ブログで夢小説!ユメミル?の柚木様がご考案くださった「ブログ夢plus」をお借りした夢小説用テンプレートです。夢小説用テンプレートは、「夢小説用テンプレートの設定」をすることで、夢小説作品(カテゴリ)目次と夢小説本文(個別記事)ページに名前変換フォームが表示され、主人公の名前や苗字を変換して小説を閲覧できるようになります。夢小説テンプレートの設定方法など詳しくは「夢小説用テンプレートの設定」をご覧ください...

»» 続きを読む

»» リスト へ page top


s10novel-R-Papillon.jpg
novel-R-Papillon


薔薇素材~Mako's」様の薔薇と蝶をモチーフにした作品をお借りして作成したシックで大人っぽい黒背景テンプレート。

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

novel-Rタイプとnovel-RFタイプのスタイルシートとHTMLは互換性がありますので、それぞれ衣替えできます。同じデザインで個別記事ページの横に目次が表示される疑似フレームスタイルに変更する場合は、HTMLをRfタイプに変更してください。


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

 novel-R-Papillon 蝶と薔薇の黒背景テンプレート

novel-R-Papillon「薔薇素材~Mako's」様の薔薇と蝶をモチーフにした作品をお借りして作成したシックで大人っぽい黒背景テンプレート。 薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラnovel-Rタイプとnovel-RFタイプのスタイルシートとHTMLは互換性がありますので、それぞれ衣替えできます。同じデザインで個別記事ページの横に目次が表示される疑似フレームスタイルに変更する場合は、HTMLをRfタイプに変更してく...

»» 続きを読む

»» リスト へ page top


s10novel-S-rose.jpg
novel-S-rose


ピンクのばらとレースの黒背景テンプレート。「薔薇素材~Mako's」様の作品をお借りしております。

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

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

 novel-S-rose ピンクの薔薇とレースの黒背景テンプレート

novel-S-roseピンクのばらとレースの黒背景テンプレート。「薔薇素材~Mako's」様の作品をお借りしております。 薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。...

»» 続きを読む

»» リスト へ page top


novel-S-blue
novel-S-blue


White Board 様のまるで雪の結晶のような白い小花の作品をお借りしたテンプレート。
左メニュー。[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

 novel-S-blue 青地に白い小花のテンプレート

novel-S-blueWhite Board 様のまるで雪の結晶のような白い小花の作品をお借りしたテンプレート。左メニュー。[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認くだ...

»» 続きを読む

»» リスト へ page top


s10novel-Rf-Heart2.jpg
novel-Rf-Miyabi


ネットにおける花鳥風月作品の第一人者、「十五夜 」様の作品をお借りして作成した平安朝風和風テンプレート。今さらご紹介するまでもない、超有名にして、超美麗な和風素材サイトさまですが、お初の方はぜひぜひ一度お訪ねして、目の保養をしてきてくださいませ~。
精緻にして典雅、情感溢れる花鳥風月を描いた作品群には、ただただ目を奪われ、溜息がでるばかりです。

源氏物語をモチーフにした作品などに似合う、和風のテンプレートを作ってみたいと前から思っていたのですが、今回、十五夜様の作品の中に、十二単の佳人達をみつけてしまい、矢も盾もたまらず作ってしまいました。ある意味、かなりコアなテンプレに仕上がりましたので、どれほどの需要があるかは疑わしいのですが、かくも美しい十五夜様の作品をお借りして念願の平安朝風テンプレートを作成できただけで管理人自身は大満足です♪

テンプレには竜田姫(の姫神)にご登場いただいておりますが、桃の節句も近い事ですし、この時期だけでもお雛様を飾るつもりでご利用いただけたら嬉しいです。

JavaScript有効時、個別記事ページは三種類の背景がランダムに変化します。
襲色目(かさねいろめ:平安時代に女性が襲ねて着用していた装束の配色)風のボーターは管理人の自作です♪

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

十五夜様の作品をお借りしたテンプレート一覧はコチラ

 novel-Rf-Miyabi 平安朝和風テンプレート

novel-Rf-Miyabiネットにおける花鳥風月作品の第一人者、「十五夜 」様の作品をお借りして作成した平安朝風和風テンプレート。今さらご紹介するまでもない、超有名にして、超美麗な和風素材サイトさまですが、お初の方はぜひぜひ一度お訪ねして、目の保養をしてきてくださいませ~。精緻にして典雅、情感溢れる花鳥風月を描いた作品群には、ただただ目を奪われ、溜息がでるばかりです。源氏物語をモチーフにした作品などに似合う、...

»» 続きを読む

»» リスト へ page top


snvoel-S-lace.jpg

White Board 様から薔薇のレース作品をお借りしたテーブルセンター風テンプレート。
左メニュー。

カテゴリ番号0(初期設定のままなら未分類カテゴリ)は全面ワイド版で表示され、それ以外のページはコンパクト版中央表示。

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

 novel-S-lace 薔薇のレースのテンプレート

White Board 様から薔薇のレース作品をお借りしたテーブルセンター風テンプレート。左メニュー。 カテゴリ番号0(初期設定のままなら未分類カテゴリ)は全面ワイド版で表示され、それ以外のページはコンパクト版中央表示。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザ...

»» 続きを読む

»» リスト へ page top




s301-mono1個別記事 通常ブログ画面
情感が滲むモノトーンのすてきな作品はななへい様からお借りしました。
以前、テーブルで作成していたnovel-10-mono1をブロックで組み直しました。
見た目のデザインは同じでも、構造は以前のnovel-10-mono1とはまったく違います。

以前のnovel-10タイプとの主な違い


①ブロックでりメイクしたので、同Gタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。現状では、表紙に表示されるコンテンツはサイドメニューに折りたたまれていますが、HTMLを別タイプに差し替えると、画像下、もしくは画像の上にポップアップで表示されるようになります。

②表紙サイドメニューはJavaScript有効時クリックで開閉します。DL時「ご案内(ブログ説明文)」と「最近の更新」は開示、それ以外は折りたたまれています。JavaScript無効時は小説(カテゴリ)タイトルとプラグイン3は最初から開示、それ以外は画像の下に表示されます。折りたたみの開閉は変更可能。個々のブラグインも、カスタマイズ次第で、開閉を振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する][プラグインを折りたたむ]で。

③トップ画像はイメージタグではなくスタイルシートで指定しています。
したがって、以前のように画像が記事ページの入り口にはなっていませんが、その代わり、衣替えする場合も、ランダム表示のスクリプトや素材サイト様のリンク以外はHTML部分を変更する必要もなし。

④縮小画面にも対応。可変性があるので、画面サイズに左右されない表示と閲覧が可能。IE6以上であれば、(有る程度)横スクロールの出現もなし。

⑤機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ


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

 novel-G-mono1

情感が滲むモノトーンのすてきな作品はななへい様からお借りしました。以前、テーブルで作成していたnovel-10-mono1をブロックで組み直しました。見た目のデザインは同じでも、構造は以前のnovel-10-mono1とはまったく違います。以前のnovel-10タイプとの主な違い①ブロックでりメイクしたので、同Gタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。現状では、表紙に表示されるコ...

»» 続きを読む

»» リスト へ page top


s_novel-Jf-Forest.jpg
novel-Jf-Forest


森をイメージした新作テンプレート。
表紙など主な画像は無料壁紙フリー写真素材集/癒しの風景写真様からお借りし、それ以外は海外フリーサイトから。
トップページがシンプルクールでなんとなく海外サイト風なのが気に入っています。
でも、小説サイトというより、エコ関連のサイトっぽいかも…(^^ゞ
近日中に申請予定。

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

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


2012.4.29.改訂
閲覧画面の解析度に表示が左右されずに背景をフルスクリーンで表示させるため 基本のHTMLに『フルスクリーン表示のための追加ソース』を追加しました。 衣替えをする場合は、状況に応じて、『フルスクリーン表示のための追加ソース』を必ず削 除もしくは追加しなければ正常に表示されませんのでご注意ください。




novel-Jfタイプの主な特徴
①Jタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。

②現状では、サイドメニューをクリックするとポップアップでコンテンツが表紙画像の上に表示されますが、Gタイプ以外のタイプのHTMLに変更した場合、またJavaScript無効時は、画像下に表示されるようになります。
HTMLをGタイプに変更すると、サイドメニューコンテンツは折りたたみになりますが、カスタマイズ次第で、開閉を振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する][プラグインを折りたたむ]で。

③個別記事ページ以外はJタイプとほとんど同じです。個別記事ページはサイドに目次が表示される疑似フレームスタイル。

④縮小画面にも対応。可変性があるので、画面サイズに左右されない表示と閲覧が可能。IE6以上であれば、(有る程度)横スクロールの出現もなし。

⑤機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ


 novel-Jf-Forest 緑の森のテンプレート

novel-Jf-Forest森をイメージした新作テンプレート。表紙など主な画像は無料壁紙フリー写真素材集/癒しの風景写真様からお借りし、それ以外は海外フリーサイトから。トップページがシンプルクールでなんとなく海外サイト風なのが気に入っています。でも、小説サイトというより、エコ関連のサイトっぽいかも…(^^ゞ近日中に申請予定。表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表...

»» 続きを読む

»» リスト へ page top


snovel-Jf-Sky.jpg

novel-R-PopUpをJfタイプ にリメイクしたテンプレート。
novel-Jf-Skyの公開に伴い、novel-R-PopUpは公開終了とします。

一度は不承認になりましたが、再審査で、無事承認されたいわくつきのテンプレートです。
(しかし、最初の不承認の理由は判明しませんでした…結局、なんだったんだろう(?_?))

表紙メニューは全てポップアップで表示されます。
JavaScript有効時、表紙メニューをクリックするとその説明やコンテンツがポップアップで表示され、JavaScript無効時は、最初から表示されています。

20100531-111019-89332800.gif

novel-PF・novel-PF2タイプ以外のテンプレートであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、ポップアップではないスタンダードなスタイルや、イラストリスト付き、一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

2012.5.1.改訂閲覧画面の解析度に表示が左右されずに背景をフルスクリーンで表示させるため 基本のHTMLに『フルスクリーン表示のための追加ソース』を追加しました。 衣替えをする場合は、状況に応じて、『フルスクリーン表示のための追加ソース』を必ず削 除もしくは追加しなければ正常に表示されませんのでご注意ください。

 novel-Jf-Sky 空と雲のテンプレート

novel-R-PopUpをJfタイプ にリメイクしたテンプレート。novel-Jf-Skyの公開に伴い、novel-R-PopUpは公開終了とします。一度は不承認になりましたが、再審査で、無事承認されたいわくつきのテンプレートです。(しかし、最初の不承認の理由は判明しませんでした…結局、なんだったんだろう(?_?))表紙メニューは全てポップアップで表示されます。JavaScript有効時、表紙メニューをクリックするとその説明やコンテンツがポップアップ...

»» 続きを読む

»» リスト へ page top


s_nvoel-R-Cat.jpg


現在申請中の秋の新作テンプレート。
イラストは全て、もずねこ様からおかりしました。
サイト名に「ねこ」がつくだけあって、もずねこ様のサイトには表情豊かなすてきなにゃんこがいっぱい。
ペーソス滲むちょっとひねた雰囲気のにゃんこにも多いに食指が動いたのですが、今回はキュート路線のにゃんこちゃん達を選ばせていただきました。

Rタイプで公開しますが、先日までの拙宅ブログのように、表紙メニューをポップアップにする場合は、HTMLをJfタイプに変更してください。

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

カテゴリ番号0(初期設定のままなら未分類カテゴリ)の個別記事ページは全面ワイド版で表示され、それ以外のカテゴリのページはコンパクト版で中央表示されます。

こちらは改訂版のテンプレートですので、カスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ

 novel-R-Cat もずねこ様の猫のテンプレート

現在申請中の秋の新作テンプレート。イラストは全て、もずねこ様からおかりしました。サイト名に「ねこ」がつくだけあって、もずねこ様のサイトには表情豊かなすてきなにゃんこがいっぱい。ペーソス滲むちょっとひねた雰囲気のにゃんこにも多いに食指が動いたのですが、今回はキュート路線のにゃんこちゃん達を選ばせていただきました。Rタイプで公開しますが、先日までの拙宅ブログのように、表紙メニューをポップアップにする場...

»» 続きを読む

»» リスト へ page top


s_novel-J-Music.jpg

音楽の秋をイメージした新作テンプレート。申請中。
novel-R-Catと同じくイラストは全て、もずねこ様からおかりしました。

最初はSタイプで作成したのですが、どうしても、にぎやかになってしまい、それはそれで楽しそうで可愛かったのですが、当初目指したイメージとはちがったのでJタイプで作り直しました。

文字も少しだけ小さめにしました。
ピアノの周りのこの余白が、なんとなくイイ感じじゃないですか?
拙作には珍しく、シンプルでコンパクトな雰囲気の表紙に仕上がったので管理人は満足です…(#^.^#)

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


HTMLをスタンダードタイプ・tempタイプ・Sタイプ・Rタイプに変更すると、下の画像のように賑やかで楽しい雰囲気の表紙になります。
novel-Sf-Music

画像をクリックすると当初作成したSFタイプのバージョンのプレビューが開きます。


カテゴリ番号0(初期設定のままなら未分類カテゴリ)の個別記事ページは全面ワイド版で表示され、それ以外のカテゴリのページはコンパクト版で中央表示されます。

また、改訂版のテンプレートはカスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ

 novel-J-Music ピアノと音符のテンプレート

音楽の秋をイメージした新作テンプレート。申請中。novel-R-Catと同じくイラストは全て、もずねこ様からおかりしました。最初はSタイプで作成したのですが、どうしても、にぎやかになってしまい、それはそれで楽しそうで可愛かったのですが、当初目指したイメージとはちがったのでJタイプで作り直しました。文字も少しだけ小さめにしました。ピアノの周りのこの余白が、なんとなくイイ感じじゃないですか?拙作には珍しく、シンプ...

»» 続きを読む

»» リスト へ page top




novel-10-grayをブロックでリメイクしたテンプレートです。
モノクロ写真ならではの詩情と迫力を感じさせる作品はななへい様からお借りしたものです。
残念ながらサイトはご閉鎖なさった模様…(T_T)

個別記事ページは疑似フレーム。左フレームには目次が表示されます。
見た目のデザインは同じでも、構造は以前のnovel-10-grayとはまったく違います。
2012.4.30.改訂閲覧画面の解析度に表示が左右されずに背景をフルスクリーンで表示させるため 基本のHTMLに『フルスクリーン表示のための追加ソース』を追加しました。 衣替えをする場合は、状況に応じて、『フルスクリーン表示のための追加ソース』を必ず削 除もしくは追加しなければ正常に表示されませんのでご注意ください。


以前のnovel-10タイプとの主な違い


①ブロックでりメイクしたので、同Gタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。現状では、表紙に表示されるコンテンツはサイドメニューに折りたたまれていますが、HTMLを別タイプに差し替えると、画像下、もしくは画像の上にポップアップで表示されるようになります。

②表紙サイドメニューはJavaScript有効時クリックで開閉します。DL時「ご案内(ブログ説明文)」と「最近の更新」は開示、それ以外は折りたたまれています。JavaScript無効時は小説(カテゴリ)タイトルとプラグイン3は最初から開示、それ以外は画像の下に表示されます。折りたたみの開閉は変更可能。個々のブラグインも、カスタマイズ次第で、開閉を振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する][プラグインを折りたたむ]で。

③トップ画像はイメージタグではなくスタイルシートで指定しています。
したがって、以前のように画像が記事ページの入り口にはなっていませんが、その代わり、衣替えする場合も、ランダム表示のスクリプトや素材サイト様のリンク以外はHTML部分を変更する必要もなし。

④縮小画面にも対応。可変性があるので、画面サイズに左右されない表示と閲覧が可能。IE6以上であれば、(有る程度)横スクロールの出現もなし。

⑤機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ


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

おまけ


このタイプの一般用テンプレートはまだ作成していないので、簡単に一般用に変更できる、ちょっとした小技をしかけておきました。

NovelListのリンクボタンが不要な場合は
スタイルシートの末尾に以下を追加してください
.go-novel{ display: none!important; }

小説関連の表示が全て不要な場合は
スタイルシートの末尾に以下を追加すると消えます
.delete{display:none!important;}

 novel-Gf-gray

novel-10-grayをブロックでリメイクしたテンプレートです。モノクロ写真ならではの詩情と迫力を感じさせる作品はななへい様からお借りしたものです。残念ながらサイトはご閉鎖なさった模様…(T_T)個別記事ページは疑似フレーム。左フレームには目次が表示されます。見た目のデザインは同じでも、構造は以前のnovel-10-grayとはまったく違います。2012.4.30.改訂閲覧画面の解析度に表示が左右されずに背景をフルスクリーンで表示させ...

»» 続きを読む

»» リスト へ page top


ss_novel-Rf-Jugoya_00a.jpg


十五夜 」様の作品をお借りして作成した和風テンプレート通年用。同時に申請したnovel-Rf-Jugoya_01と雰囲気が似ていますが、Jugoya_01は完全お正月バージョン、このJugoya_00は一応通年用として作成しました。季節を問わずご利用いただけるかと思いますが、華やかな吉祥図柄を用いておりますから、お正月にもよろしいかと。

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

十五夜様の作品をお借りしたテンプレート一覧はコチラ

 novel-Rf-Jugoya_00 十五夜様の通年用和風テンプレート

「十五夜 」様の作品をお借りして作成した和風テンプレート通年用。同時に申請したnovel-Rf-Jugoya_01と雰囲気が似ていますが、Jugoya_01は完全お正月バージョン、このJugoya_00は一応通年用として作成しました。季節を問わずご利用いただけるかと思いますが、華やかな吉祥図柄を用いておりますから、お正月にもよろしいかと。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違いま...

»» 続きを読む

»» リスト へ page top


s_novel-Cf-Bisque.jpg

秋向きのHP風小説用テンプレート。もちろん秋以外にもどうぞ。Cタイプの新作テンプレです。ヘッダー左に画像、その下にコンパクトなメニューが表示されますが、こういう雰囲気の小説サイトって、見かけたことありませんか?

実は時々おじゃまさせていただくサイト様の表紙がこんな感じでして、「あ、このレイアウトならNovelテンプレでもやれるかも!」と思ったのがCタイプ作成のそもそものきっかけだったりします…(^^ゞ
とは申せ、衣替えのためには、HTML部分をあまり弄れなかったため、スタイルシートで無理やりサイドカラムを上までもってきています。右ヘッダーの高さが初期設定を超えてしまうと左カラム画像の上に余白ができてしまうのでご注意ください。詳しくは後日解説記事アップします。

アイコンやペンのイラストはWhite Board 様、背景はThe Inspiration Gallery様、写真は海外フリーサイトからお借りしました。
シンプルでコンパクト、なお且つ落ち着いた雰囲気の小説テンプレになったんじゃないかと思います。

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

 novel-Cf-Bisque

秋向きのHP風小説用テンプレート。もちろん秋以外にもどうぞ。Cタイプの新作テンプレです。ヘッダー左に画像、その下にコンパクトなメニューが表示されますが、こういう雰囲気の小説サイトって、見かけたことありませんか?実は時々おじゃまさせていただくサイト様の表紙がこんな感じでして、「あ、このレイアウトならNovelテンプレでもやれるかも!」と思ったのがCタイプ作成のそもそものきっかけだったりします…(^^ゞとは申せ、...

»» 続きを読む

»» リスト へ page top


novel-C-Heart4

White Board 様から羽のついた可愛いハートの作品をお借りしました。
シンプルでコンパクトな雰囲気がお好きな方におススメのテンプレートです。

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

(但し、スタイルシートの記述に問題があるのか、はたまた、無理やりな設定が悪いのか、フレームトップの画像だけ表示が遅れ気味です。管理人の未熟さ故で本当に申し訳ありませんが、お試しの際は、ちょっとだけお待ちくださいませ…

実は、最後までJタイプで申請するかCタイプで申請するか迷いました。

snovel-Jf-Heart4.jpg 今回は、Cタイプで申請しましたが、Jタイプにするとこんな感じです。

このレイアウトがお気に召した場合はHTMLをJタイプに変更してご利用ください。

詳しくはHTMLの衣替えをご参照ください。

 novel-C-Heart4 羽つきハートのテンプレート

White Board 様から羽のついた可愛いハートの作品をお借りしました。シンプルでコンパクトな雰囲気がお好きな方におススメのテンプレートです。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。(但し、スタイルシートの記述に問題があるのか、は...

»» 続きを読む

»» リスト へ page top


s_novel-Jf-note4.jpg

リニューアルしたnovel-temp-noteをJfタイプに変更したテンプレート。
大学ノートに物語を綴るイメージ。

表紙メニューをクリックするとJava Scriptが有効な場合は、ポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューは左に、コンテンツは右側に最初から表示され、novel-temp-noteと同じデザインになります。

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

今回はnovel-temp-note4のブルーのスタイルシートで公開しましたが、スタイルシートをnovel-temp-note1~3に変更すると同デザインで配色を変えられます。

ss_novel-Jf-note1.jpg ss_novel-Jf-note1.jpg ss_novel-Jf-note3.jpg


表紙以外のページの背景画像は薄い罫線入りのリングノート。
novel-temp-note_parts2.jpg

個別記事ページだけでなく、通常ブログ画面・月別・検索ページも疑似フレーム。
ss_novel-Jf-note_page.jpg

サイドメニューは左。サイドメニューと記事部は、独立してスクロールします。
但し、本来のHTMLを無視してスタイルシートの設定だけで強引に疑似フレームに仕立てたせいか、
IE6にはこの力技が効きませんでした。
IE6は疑似フレームではなく通常の表示になります。


IE7以上は、全ページ、リキッドレイアウトに変更。
画面サイズ左右されず、横スクロールを使わずに閲覧できます。

 novel-Jf-note 大学ノート風テンプレート

リニューアルしたnovel-temp-noteをJfタイプに変更したテンプレート。大学ノートに物語を綴るイメージ。表紙メニューをクリックするとJava Scriptが有効な場合は、ポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューは左に、コンテンツは右側に最初から表示され、novel-temp-noteと同じデザインになります。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザ...

»» 続きを読む

»» リスト へ page top


s-novel-I-Jewel-T.jpg


なんちゃって素材屋風小説テンプレート第六弾、ジュエルフラワーのテンプレート。申請中。

宝石のような青や紫の小花の作品は、「White Board 」様からお借りしました。

トップページのみアイフレ・アメブロあたりでは素材屋風と呼ばれるスタイルで表示させていますが、他の素材屋風テンプレと違い、このテンプレートではポップアップは使っていません。HTMlはスタンダードタイプ・tempタイプとほぼ同じ。スタイルシートで、メインカラムとサイドカラムの高さを固定し、それを超えた部分はスクロールするように指定してあります。

HTMLをnovel-I-White-Jfに変更すると、同デザインのまま、トップページはポップアップで表示されるようになります。

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

1361966592RWcxPX_hPuSD8jj1361966592.gif

 novel-I-Jewel-T 青紫のジュエルフラワーのテンプレート

なんちゃって素材屋風小説テンプレート第六弾、ジュエルフラワーのテンプレート。申請中。宝石のような青や紫の小花の作品は、「White Board 」様からお借りしました。トップページのみアイフレ・アメブロあたりでは素材屋風と呼ばれるスタイルで表示させていますが、他の素材屋風テンプレと違い、このテンプレートではポップアップは使っていません。HTMlはスタンダードタイプ・tempタイプとほぼ同じ。スタイルシートで、メイン...

»» 続きを読む

»» リスト へ page top


novel-I-White-Jfx.gif


なんちゃって素材屋風小説テンプレート第七弾。申請中。
novel-S-Whiteを素材屋風にアレンジしてみました。
白い小花の作品は「White Board 」様からお借りしました。

トップページのみアイフレ・アメブロあたりでは素材屋風と呼ばれるスタイルで表示させています。ほぼJfタイプと同じHTMLで組んでありますので、表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容は最初からスクロールするボックス内に表示されます。
ポップアップ表示のカスタマイズについては⇒コチラ

HTMLをnovel-I-Jewel-Tに変更すると、同デザインのまま、トップページはポップアップではなく、JavaScript無効時と同じようにスクロールするボックス内に表示されるようになります。

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

 novel-I-White-Jf 白い小花の素材屋風テンプレート

なんちゃって素材屋風小説テンプレート第七弾。申請中。novel-S-Whiteを素材屋風にアレンジしてみました。白い小花の作品は「White Board 」様からお借りしました。トップページのみアイフレ・アメブロあたりでは素材屋風と呼ばれるスタイルで表示させています。ほぼJfタイプと同じHTMLで組んでありますので、表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。Java Scri...

»» 続きを読む

»» リスト へ page top


Template Type

Template Image

新作テンプレ⇒Click!
【画像】
イラスト 写真  CG 
プレーンタイプ画像なし 
【季節】
通年  新年    初夏       
【行事】
正月  バレンタイン 
ハロウィン  Xマス  結婚 
【題材1】
  バラ  チューリップ  アジサイ    ラベンダー 
ヒマワリ      サクランボ  葡萄  樹木  緑葉  紅葉 
金魚  ハート  レース  羊皮紙 
【題材2】
風景        宇宙     
【雰囲気】
シンプル  レトロ  幻想的
和風  中華  中近東風 素材屋風    
【その他】
黒背景  一般HP風  Popup  jQuery  クロスフェード  Full-Screen 
【素材提供サイト様】
WhiteBoard   Mako’s   Sweety   Fiore   十五夜