このカテゴリは 横ならび目次サンプル(2) で表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。

テンプレート一覧

画像をクリックすると直接テンプレートがプレビューされます。
テンプレート名»»をクリックするとテンプレートの解説記事が開きます。
写真 イラスト 花 など用いている画像についてのタグ(Template Image Tag)を
クリックすると、該当するテンプレートが表示されます。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
この作品は夢小説のサンプルですので左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。ブログ夢小説パーツ「ユメミニ」は夢小説用テンプレートに実装されています。
公開中の夢小説用テンプレートはコチラ    詳しくは夢小説用テンプレートの設定をご覧ください。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
このカテゴリは 横ならび目次サンプル(1) で表示させています。二桁の数字が一列に10づつ並びますので、記事タイトルが番号のみのカテゴリにはおススメです。 番号タイトルが一桁の場合は、番号の前に を前にいれると揃います

Index ~作品もくじ~


  • 290
  • 291
  • 292
  • 293
  • 294
  • 304
  • 310
  • 311
  • 314
  • 315
  • 316
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 365
  • 366
  • 367
  • 368
  • 369
  • 372
  • 373
  • 395
  • 399
  • 402
  • 406
  • 407
  • 309
  • 409
  • 414
  • 417
  • 419
  • 431
  • 432
  • 433
  • 435
  • 436
  • 441
  • 448
  • 459
  • 460
  • 463
  • 464
  • 465
  • 466
  • 469
  • 470
  • 471
  
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(イラストリスト付きテンプレート)
»»  2010.03.07.
通年 シンプル Category 
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
»»  2010.03.07.
通年  イラスト  シンプル Popup 
s102-novel-PF-Sakura.jpg


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

表紙ページでは「風のおひるね」様からお借りした美しい桜の姿がランダムに表示されます。
表紙ページ以外では「Fiore 」様の桜作品をふんだんにお借りいたしました!
写実的なクリップアートもすばらしく美しいのですが、「これぞ日本の桜柄!」ともいうべき古典的なタイルとボーダー背景が、とっても可愛いくて好みでした!

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

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

novel-PF-Sakura 桜のテンプレート
»»  2010.03.08.
 風景 Popup 写真   和風 Fiore 樹木 Full-Screen 
s10-novel-temp-sakura.jpg


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



novel-temp-sakura 桜のテンプレート
»»  2010.03.08.
   イラスト Fiore 
s_novel-S-sakura_index.jpg


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

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




novel-S-sakura 桜のテンプレート 
»»  2010.03.09.
   イラスト 幻想的 Fiore WhiteBoard 
novel-S-spring


申請したのは昨日、なのに、今日、もう承認されている!
 び、びっくりしたぁぁ~!


さて、桜の次はチューリップです!
春ですねぇ~テンプレートを飾るクリップアートは「Petit Sozai emi」様からお借り致しました。
表紙やNovelリストの花束のクリップアートもすばらしく美しいのですが、管理人は、ふんわりぴよぴよのひよこちゃんが可愛くてお気に入りです。
縁取りのレースは、「亡き王女のための研究室」様のフリー素材を加工した、管理人初の自作?素材です。

今まで、個別記事ページのレイアウトだけを変更したテンプレート(コンパクト版など)はHTMLやスタイルシートを公開してサイト内配布しておりましたが、共有申請していないテンプレートの場合、公開直後はともかく、その後の改訂作業などのメンテナンスがどうしても後回しになっておりました。
そこで、今回、タイプ別にテンプレートのHTMLを統一したのを機に、公開中の共有テンプレートのスタイルシートに、レイアウトを変えた場合の内容を内包させました。
カスタマイズはいたって簡単、スタイルシートの中の、(A)と(B)の行を削除していただくだけでOKです。
管理人の省エネだけでなく、今後は改訂内容を速やかに反映させることができます。

ちなみにこのページをDL時のままコンパクト版で表示させると コチラ コチラ
ワイド版で表示させると コチラ コチラ

novel-SタイプのテンプレートのHTMLを統一致しましたので、今後はスタイルシートを変更することで、簡単に衣替えできます。
詳しくは後日、なるべく早めに記事にしてご説明致します。



novel-S-spring 春のテンプレート
»»  2010.04.07.
  イラスト チューリップ レース 
s10-novel-temp-sakura.jpg


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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。
novel-temp-ichigo 苺のテンプレート
»»  2010.04.21.
 初夏   イラスト Fiore 
s10-novel-temp-sakura.jpg


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

novel-temp-clover クローバーのテンプレート
»»  2010.04.22.
イラスト 緑葉 通年  初夏 シンプル Fiore 
s10-s30-novel-template-15.jpg


イチゴのテンプレートその2。
思わず口に持っていきたくなるような瑞々しいイチゴの作品は「Sweety」様からお借りいたしました。
画像をクリックするとプレビューされます。

novel-templateタイプ・novel-tempタイプであればスタイルシートを変更して衣替えできます。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。


DL時はコチラ コチラ 削除すると コチラ コチラ

novel-template-15 苺のテンプレート
»»  2010.04.28.
 初夏 写真  Sweety 
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サイト風表紙付き一般ブログ用)
»»  2010.04.28.
通年 写真 風景  シンプル HPtype Category 
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(一般ブログスタイル表紙無し)
»»  2010.04.29.
通年 写真 風景  シンプル 
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(イラストリスト付きテンプレート)
»»  2010.05.04.
通年 シンプル NoImage 
s10-novel-template-blue.jpg



デザインは同時に申請、承認されたnovel-temp-Illustとノベルリスト以外は全く同じです。
画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます
novel-template-blue
»»  2010.05.05.
 ラベンダー 写真 シンプル 初夏 
s10-novel-template-pink2.jpg



novel-template-blueと同じく、画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます
novel-template-pink
»»  2010.05.05.
 チューリップ 写真 シンプル  
s7-normal-S-simple1ss.jpg

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

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


画像をクリックするとプレビューされます。
Novelテンプレートを逆アレンジした一般ブログ用テンプレート 第二弾はnovel-Sタイプ
表紙付きのHP風。季節季節にスタイルシートを差し替えて公開していきます。
2011.2.17.現在は、Fiore 様の作品をお借りしたnovel-S-cloverと同じスタイルシートを使っていますので、NovelListなど小説テンプレ特有の表示がないだけで、見た目のデザインはほとんど同じです。

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


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

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

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

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




他のnovel-Sタイプのスタイルシートに変更することで、一般ブログ用のスタイルのまま、デザインだけを変更することができます。
詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

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

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



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

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



normal-S-simple1(HPサイト風表紙付き一般ブログ用)
»»  2010.05.06.
イラスト HPtype 
s_normal-R-Cat.jpg



Novelテンプレートを逆アレンジした一般ブログ用テンプレート novel-Sタイプの表紙無しバージョン。
季節季節にスタイルシートを差し替えて公開していきます。
2011.523.現在はSweety」様の作品をお借りしたnovel-S-greenと同じスタイルシートを使っています。

2012.5.8.現在、もずねこ様の作品をお借りしたnovel-R-Catと同じスタイルシートを使っています。見た目のデザインはほとんど同じです。
画像をクリックするとプレビューされます。


同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
normal-S-simple2(一般ブログスタイル表紙無し)
»»  2010.05.06.
イラスト 
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
»»  2010.05.07.
通年 イラスト シンプル 
s-novel-R-Wedding-index30.jpg


六月も近いので、JuneBrideをイメージしたテンプレートを作成してみました。
JavaScript有効時、衣装の色がランダムに変わる新郎新婦のイラストは、いつかはお借りしたいと思っていたふわふわ。り様の作品です。
メインイラスト以外は、いつもお世話になっている「White Board」様からお借り致しました。
今回は、通常記事画面や目次の背景画像にも凝ってみました。(テーブル画像をブロック用に変更した苦心の作です…(^^ゞ)
novel-R-Wedding 結婚式のテンプレート
»»  2010.05.28.
イラスト 初夏 結婚 ハート レース 
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サイト風表紙付き一般ブログ用)
»»  2010.05.28.
イラスト HPtype 通年 
novel-R-Sepia

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

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

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

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

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

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

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

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

normal-R-Html-2(一般ブログスタイル表紙無し)
»»  2010.05.28.
イラスト 通年 
ss-novel-R-Fuwari30.jpg

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

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

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

novel-R-Fuwari ふわふわ。り様のテンプレート
»»  2010.05.28.
イラスト 通年 
novel-R-Sepia

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

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-R-Sepia セピア色のテンプレート
»»  2010.05.29.
写真 風景 レトロ  通年 レース 
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 (イラストリスト付きテンプレート)
»»  2010.05.31.
写真 風景  通年  
novel-R-Angel

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

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

薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ
novel-R-Angel 天使のテンプレート
»»  2010.06.04.
イラスト  バラ 通年 Mako’s 天使 レース 
s-novel-R-Illustlist.jpg

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

novel-R-Sepia

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

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

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

novel-S-Illust(イラストリスト付きテンプレート)
»»  2010.06.15.
シンプル NoImage 
novel-PF-Ajisai


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

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


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

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

novel-PF-Ajisai 紫陽花のテンプレート
»»  2010.06.20.
写真 風景  アジサイ 初夏 Popup Fiore 樹木 Full-Screen 
novel-temp-star


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

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

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

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

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

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

novel-temp-star 銀河鉄道テンプレート
»»  2010.06.28.
イラスト 宇宙  黒背景 幻想的 通年 
novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪


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

薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ
novel-R-Kingyo2 金魚のテンプレート(白背景)
»»  2010.07.05.
イラスト  金魚 和風 幻想的 Mako’s 
novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪

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

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

[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。
novel-R-Kingyo3 金魚のテンプレート(黒背景)
»»  2010.07.05.
イラスト  金魚 黒背景 和風 幻想的 Mako’s 
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 イラストリスト付きテンプレート
»»  2010.07.07.
通年 NoImage シンプル Popup 
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サイト風疑似フレームテンプレート)
»»  2010.07.07.
写真  通年  シンプル Popup HPtype 
normal-PF-Black20100710-102428-67134400.gif

novel-PFタイプを逆アレンジした、一般ブログ用疑似フレームテンプレート。(表紙なし)
カテゴリ別全記事一覧タイトルリスト、番号付きページナビリンク、パン屑リスト兼用メニューバー、折りたたみカテゴリリスト、関連エントリー(同カテゴリ記事一覧表示)などなどシンプルだけど多機能充実。
一般用に逆アレンジした拙作テンプレの中では、記事の分類整理が一番しやすいんじゃないかと思います。

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

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

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

  • ページエリアでは最新記事一覧、カテゴリページではカテゴリリスト、タグエリアではユーザータグリスト、月別アーカイブページでは更新カレンダーがそれぞれ、サイドメニュー冒頭のサイトマップへのリンクボタンの直下に表示されます。

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

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

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





normal-PF-Black(一般ブログスタイル表紙無し)
»»  2010.07.16.
シンプル NoImage 黒背景 
s70-novel-PF-Resort.jpg
20100726-061920-98519700.gif

昨年夏に大変好評いただいた、novel-R-Paradiseにつづき、今年も、アルカディア様から、この世の楽園、モルディブの美しい海と空を写し撮った作品をお借りして、テンプレートを作成させていただきました。

表紙にお借りした透き通るような美しい海の中を、透き通るように美しい魚が漂うように泳ぐ涼しげな作品は管理人一番のお気に入りですが、他にも、アルカディア様には、美しくも心癒される海と空と浜の作品がたくさんあります。伺えば、一時この猛暑をわすれて、ネットの世界だけでもリゾート気分に浸れることウケアイです。


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

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

novel-PF-Resort
»»  2010.07.28.
Popup 写真 風景   Full-Screen 
novel-PF-Himawari   20100803-084801-49812400.gif

夏の花といえば、やはり向日葵です!真夏の青空の元すっくと立つ、見ているだけで元気が出てくるようなヒマワリの作品は「無料壁紙写真素材集/自然と風景 」様からをお借りしました。表紙ページ、JavaScript有効時は二種類の向日葵の画像がクリックするたびにランダムに変わります。無効時は固定画像です。

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

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Wタイプと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。
novel-PF-Himawari 向日葵のテンプレート
»»  2010.08.03.
写真 風景  Popup  ヒマワリ Full-Screen 
novel-template-kiku
申しわけありません、Firefoxで閲覧した際に、カラムの上部が下がって表示されることに先日ほど気づき、修正致しましたが、修正内容が審査され、実際に反映されるまで数日を要します。ご利用の方は、大変申し訳ありませんが、テンプレートの最終更新日が本日2010.9.13.以降の日付になってから再度のDLをお願い申し上げます。

菊の花のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

涼しくなりましたので、気分を一新して、秋のテンプレートを何点かまとめて作成いたしました。
一点目は菊の和風テンプレート。テンプレートを飾る美しい菊のクリップアートは「Petit Sozai emi」様からお借り致しました。花簪みたいでとても綺麗ですよねぇ♪
個別記事の前話・次話ナビの背景も、凝ってリンクボタン風にしてみました♪

p_navihe.gif      20100908-150657-02103700.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-template-kiku 菊の花の和風テンプレート
»»  2010.09.11.
イラスト     和風 和風テンプレート 
novel-S-icyou

銀杏のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、二点目は、黒背景に金色に映える銀杏のテンプレート。
一点目の菊のテンプレートnovel-template-kikuと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、銀杏の葉っぱです♪
p_navihe.gif  20100911-072903-40834500.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-icyou 銀杏のテンプレート
»»  2010.09.11.
イラスト  紅葉 和風 黒背景 レース 和風テンプレート 
novel-S-icyou

楓のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、三点目は、JavaScript有効時、グラデーション背景がランダムに変化する和風テイストの楓のテンプレート。
菊のテンプレートnovel-template-kiku・銀杏のテンプレートnovel-S-icyouと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、同じデザインで統一しました♪
p_navi32w4.gif  20100908-150351-27563400.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-kaede 楓の和風テンプレート
»»  2010.09.11.
イラスト  紅葉 和風 和風テンプレート 
20101002-113407-77847800.gif


ちょっと気が早い気もしますが、Sタイプでハロウィーンテンプレートを2点つくってみました。
黒背景に映えるガラス細工のようなかぼちゃがとってもシックで幻想的なハロウィン作品は、White Board 様のからお借りしました。 ゆらゆら揺れるほうきのアニメアイコンもすごく可愛いです♪
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

個別記事の前話・次話ナビの背景デザインもひと手間かけました。空飛ぶほうきです♪
navi-pum33.png


申請は10月頃の予定ですが、一足先に皆様にお披露目させていただいたのは管理人に下心?があったからだったりします。実は、先日公開したnovel-template-kikuが、Firefoxで閲覧した際に表紙のカラムの上がずれて表示されていたのに昨日気が付きました。一応FirefoxとIETesterで確認しているのですが、今回は、確認後に、あちこち手を加えていたにもかかわらず、再度の、そして最終的な確認を怠っていたせいでした。本当に申し訳なかったです。この新作テンプレも、現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

Rタイプにとりいれた、一文字目の装飾を気に入ってくださった方がいらっしゃるようで、嬉しくて、今回のハロウィンテンプレにも導入してみました。
s10-test.jpg

通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)
novel-S-pumpkin1 ハロウィンテンプレート
»»  2010.09.14.
イラスト ハロウィン  黒背景 幻想的 WhiteBoard 
20101002-113000-28047500.gif


この秋二点目のハロウィンテンプレです。novel-S-pumpkin1でお借りしたWhite Board 様の黒背景用のハロウィン作品が余りにすてきで、白背景バージョンもあるので、色違いでつくってみたくなりました。出来上がってみれば、色違いの素材をお借りしていても、幻想的な雰囲気だったnovel-S-pumpkin1とは違う、ハロウィン用とは申せ、実りの秋がイメージできる温かそうなテンプレになりました。ニットにブローチをつけたような仕上がりが、結構気に入っています。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ


前の記事でも述べましたが、申請前に前倒しで、お披露目させていただいたのは管理人に下心?があったからだったりします。現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

novel-S-pumpkin1と同じく、通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-pumpkin2 ハロウィンテンプレート
»»  2010.09.14.
イラスト ハロウィン  WhiteBoard 
s10-novel-R-Moon.jpg


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

20100918-161518-58637800.gif

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

novel-R-Moon ふわふわ。り様の月のメルヘンテンプレート
»»  2010.09.21.
イラスト 通年 天使   

20101013-075036-68909700.gif


需要高め?のPFタイプにハロウィン向きのテンプレートがなかったので、急遽作成いたしました。ぎりぎりですが、今年のハロウィンに間に合うかしらん?(実は、またしても、じみ~な改訂作業にあきてしまった管理人の気分転換の成果?です、はい、あくまで気分転換、逃避ではありません、申請したので、また改訂作業に戻ります…(^^ゞ)

昨年にひきつづき、またしても、Mako's様のハロウィン作品をお借りしました。昨年は、ゴシックホラーが似合いそうな、お耽美な魔系男子にご登場いただきましたが、今年のテーマは魔女と猫。月をバックにしたシルエット作品がすばらしく美しい!ちょこちょこ登場させている三白眼のちょっとひねた雰囲気の黒猫も激しく気に入っています♪

ハロウィン向きですが、テンプレの中にハロですウィン(Halloween)の文字表示はなく、かぼちゃも登場しませんので、ハリポタ風の、魔法や魔女の学校が舞台のファンタジー作品などにもよろしいかと。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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


novel-PF-Halloween ハロウィン・魔法ファンタジー向きテンプレート
»»  2010.10.13.
イラスト 黒背景 ハロウィン  幻想的 Popup Mako’s 
s2-novel-F-Dream-mini2.jpg

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

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

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

上の画像をクリックすると実際のページがプレビューされます。
夢小説用テンプレートDream-Rf-mini
»»  2010.11.26.
NoImage 通年 シンプル Category 
s2-novel-F-Dream-plus.jpg


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

yumepuls.jpg

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

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

夢小説用テンプレートDream-Rf-plus
»»  2010.11.26.
NoImage シンプル 通年  
s-novel-S-gift1.jpg

White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-gift1 クリスマステンプレート
»»  2010.11.29.
イラスト Xマス WhiteBoard ハート 
s-novel-S-gift2.jpg
novel-S-gift2


White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-gift2 クリスマステンプレート
»»  2010.11.29.
イラスト Xマス WhiteBoard ハート 
s-novel-R-Xmas1.jpg
novel-R-Xmas1


薔薇素材~Mako's」様からクリスマス素材をお借りして作成しました。
黒背景に映えるツリーやリースがなんともゴージャスでうっとりです。さすがまこ様!

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

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

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

novel-Rf-Xmas1 クリスマステンプレート
»»  2010.11.29.
イラスト Xマス 黒背景 Mako’s 
s-novel-R-Xmas2.jpg
novel-R-Xmas2


c04-1-2.gif


薔薇素材~Mako's」様の作品をお借りした二作目のクリスマステンプレート。
おちびさんの天使がわいわいやっている雰囲気がなんともラブリーで、たまりません。
透過画像をまとめて無理やり背景に使わせていただので、ちょっと重いかもしれません。
(透過画像のを軽くする方法がわからない!)それでも、ちびっこ天使をテンプレートにちりばめたかった管理人をお許しあれ!

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

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

[novel-R]タイプのテンプレートのスタイルシートは、夢小説テンプレなどnovel-RFと共通です。
yume_miniやyume_plusには画像をつかっていないので、さびしいという方はnovel-Rタイプのスタイルシートに差し替えてご利用ください。
但し、スクリプトを提供くださった柚木様と素材サイト様の著作権表示リンク、両方ともきちんと表示させてください。



novel-R-Xmas2 クリスマステンプレート
»»  2010.11.29.
イラスト Xマス Mako’s 
ss5novel-S-xmas2.jpg

今年のクリスマステンプレはもう打ち止め?にするつもりでしたが、新年用テンプレの素材を探しに伺った「Petit Sozai emi」様で、すてきなクリスマス素材をみつけてしまい、つい…(^^ゞ
週末に申請したのですが、果たして公開はクリスマスに間に合うのかしらん?
表紙以外はクリックする度に、背景色がクリスマスカラーの赤と緑にランダムに変化します。
[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

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

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

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

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

novel-PF-NewYear 新年用テンプレート
»»  2010.12.08.
イラスト CG 正月 風景 和風 Popup Fiore 新春 新年 Full-Screen 
s10nnvel-temp-nenga.jpg
Petit Sozai emi」様のお正月素材をお借りした新年テンプレート。表紙などに使っている金泥背景は、イメージにあうものが見つからなかったので、やむなく管理人が自作(公開されている古い絵巻物の端っこを切り取っただけですが)しました。ということで、結構苦心の作なのですが、その甲斐あって、いいカンジの和風テンプレに仕上がったと一人悦に入っております。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-temp-nenga 新年用和風テンプレート
»»  2010.12.08.
イラスト 正月 和風 新春 新年 和風テンプレート  

スポンサーサイト

--.--.--.[Edit]

▲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(イラストリスト付きテンプレート)

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

»» 続きを読む

通年 シンプル Category 

▲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

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

»» 続きを読む

通年  イラスト  シンプル Popup 

▲page top

s102-novel-PF-Sakura.jpg


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

表紙ページでは「風のおひるね」様からお借りした美しい桜の姿がランダムに表示されます。
表紙ページ以外では「Fiore 」様の桜作品をふんだんにお借りいたしました!
写実的なクリップアートもすばらしく美しいのですが、「これぞ日本の桜柄!」ともいうべき古典的なタイルとボーダー背景が、とっても可愛いくて好みでした!

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

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

novel-PF-Sakura 桜のテンプレート

2010.03.08.[Edit]
ポップアップ疑似フレームタイプ、春爛漫、桜のテンプレート。上の画像をクリックするとプレビューされます。表紙ページでは「風のおひるね」様からお借りした美しい桜の姿がランダムに表示されます。表紙ページ以外では「Fiore 」様の桜作品をふんだんにお借りいたしました!写実的なクリップアートもすばらしく美しいのですが、「これぞ日本の桜柄!」ともいうべき古典的なタイルとボーダー背景が、とっても可愛いくて好みでした...

»» 続きを読む

 風景 Popup 写真   和風 Fiore 樹木 Full-Screen 

▲page top

s10-novel-temp-sakura.jpg


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



novel-temp-sakura 桜のテンプレート

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

»» 続きを読む

   イラスト Fiore 

▲page top

s_novel-S-sakura_index.jpg


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

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




novel-S-sakura 桜のテンプレート 

2010.03.09.[Edit]
さくら・サクラ・桜!クリップアートは「White Board」様、背景は「Fiore 」様からお借り致しました。WEB上で一二を争うほど、美しい花と、美しいクリスタル素材を提供してくださっているお二方の、超豪華なコラボです!これぞまさしく桜の饗宴ですわん♪\(~o~)/…と、ひとり悦にいる桜好きの管理人です。表紙ページと通常ブログ画面のデザイン、どちらをトップにもってくるか、かなり迷いました。迷いに迷った結果、TOPには...

»» 続きを読む

   イラスト 幻想的 Fiore WhiteBoard 

▲page top

novel-S-spring


申請したのは昨日、なのに、今日、もう承認されている!
 び、びっくりしたぁぁ~!


さて、桜の次はチューリップです!
春ですねぇ~テンプレートを飾るクリップアートは「Petit Sozai emi」様からお借り致しました。
表紙やNovelリストの花束のクリップアートもすばらしく美しいのですが、管理人は、ふんわりぴよぴよのひよこちゃんが可愛くてお気に入りです。
縁取りのレースは、「亡き王女のための研究室」様のフリー素材を加工した、管理人初の自作?素材です。

今まで、個別記事ページのレイアウトだけを変更したテンプレート(コンパクト版など)はHTMLやスタイルシートを公開してサイト内配布しておりましたが、共有申請していないテンプレートの場合、公開直後はともかく、その後の改訂作業などのメンテナンスがどうしても後回しになっておりました。
そこで、今回、タイプ別にテンプレートのHTMLを統一したのを機に、公開中の共有テンプレートのスタイルシートに、レイアウトを変えた場合の内容を内包させました。
カスタマイズはいたって簡単、スタイルシートの中の、(A)と(B)の行を削除していただくだけでOKです。
管理人の省エネだけでなく、今後は改訂内容を速やかに反映させることができます。

ちなみにこのページをDL時のままコンパクト版で表示させると コチラ コチラ
ワイド版で表示させると コチラ コチラ

novel-SタイプのテンプレートのHTMLを統一致しましたので、今後はスタイルシートを変更することで、簡単に衣替えできます。
詳しくは後日、なるべく早めに記事にしてご説明致します。



novel-S-spring 春のテンプレート

2010.04.07.[Edit]
申請したのは昨日、なのに、今日、もう承認されている! び、びっくりしたぁぁ~!さて、桜の次はチューリップです!春ですねぇ~テンプレートを飾るクリップアートは「Petit Sozai emi」様からお借り致しました。表紙やNovelリストの花束のクリップアートもすばらしく美しいのですが、管理人は、ふんわりぴよぴよのひよこちゃんが可愛くてお気に入りです。縁取りのレースは、「亡き王女のための研究室」様のフリー素材を加工した...

»» 続きを読む

  イラスト チューリップ レース 

▲page top

s10-novel-temp-sakura.jpg


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

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

novel-temp-ichigo 苺のテンプレート

2010.04.21.[Edit]
キュートなイチゴのテンプレート。「Fiore 」様の、甘くて美味しそうで、そしてとってもかわいいイチゴ作品をお借りいたしました。画像をクリックするとプレビューされます。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。...

»» 続きを読む

 初夏   イラスト Fiore 

▲page top

s10-novel-temp-sakura.jpg


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

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

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

»» 続きを読む

イラスト 緑葉 通年  初夏 シンプル Fiore 

▲page top

s10-s30-novel-template-15.jpg


イチゴのテンプレートその2。
思わず口に持っていきたくなるような瑞々しいイチゴの作品は「Sweety」様からお借りいたしました。
画像をクリックするとプレビューされます。

novel-templateタイプ・novel-tempタイプであればスタイルシートを変更して衣替えできます。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。


DL時はコチラ コチラ 削除すると コチラ コチラ

novel-template-15 苺のテンプレート

2010.04.28.[Edit]
イチゴのテンプレートその2。思わず口に持っていきたくなるような瑞々しいイチゴの作品は「Sweety」様からお借りいたしました。画像をクリックするとプレビューされます。novel-templateタイプ・novel-tempタイプであればスタイルシートを変更して衣替えできます。詳しくは  「衣替え(スタイルシート変更)の手順」また、個別記事ページの表示はDL時は固定幅中央表示)ですが、スタイルシートの中から(A)と(B)の二行を削除す...

»» 続きを読む

 初夏 写真  Sweety 

▲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サイト風表紙付き一般ブログ用)

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

»» 続きを読む

通年 写真 風景  シンプル HPtype Category 

▲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(一般ブログスタイル表紙無し)

2010.04.29.[Edit]
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(イラストリスト付きテンプレート)

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

»» 続きを読む

通年 シンプル NoImage 

▲page top

s10-novel-template-blue.jpg



デザインは同時に申請、承認されたnovel-temp-Illustとノベルリスト以外は全く同じです。
画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます

novel-template-blue

2010.05.05.[Edit]
デザインは同時に申請、承認されたnovel-temp-Illustとノベルリスト以外は全く同じです。画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削...

»» 続きを読む

 ラベンダー 写真 シンプル 初夏 

▲page top

s10-novel-template-pink2.jpg



novel-template-blueと同じく、画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます

novel-template-pink

2010.05.05.[Edit]
novel-template-blueと同じく、画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。またnovel-templateタイプのテンプレ...

»» 続きを読む

 チューリップ 写真 シンプル  

▲page top

s7-normal-S-simple1ss.jpg

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

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


画像をクリックするとプレビューされます。
Novelテンプレートを逆アレンジした一般ブログ用テンプレート 第二弾はnovel-Sタイプ
表紙付きのHP風。季節季節にスタイルシートを差し替えて公開していきます。
2011.2.17.現在は、Fiore 様の作品をお借りしたnovel-S-cloverと同じスタイルシートを使っていますので、NovelListなど小説テンプレ特有の表示がないだけで、見た目のデザインはほとんど同じです。

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


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

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

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

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




他のnovel-Sタイプのスタイルシートに変更することで、一般ブログ用のスタイルのまま、デザインだけを変更することができます。
詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

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

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



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

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



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

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

»» 続きを読む

イラスト HPtype 

▲page top

s_normal-R-Cat.jpg



Novelテンプレートを逆アレンジした一般ブログ用テンプレート novel-Sタイプの表紙無しバージョン。
季節季節にスタイルシートを差し替えて公開していきます。
2011.523.現在はSweety」様の作品をお借りしたnovel-S-greenと同じスタイルシートを使っています。

2012.5.8.現在、もずねこ様の作品をお借りしたnovel-R-Catと同じスタイルシートを使っています。見た目のデザインはほとんど同じです。
画像をクリックするとプレビューされます。


同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

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

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

2010.05.06.[Edit]
Novelテンプレートを逆アレンジした一般ブログ用テンプレート novel-Sタイプの表紙無しバージョン。季節季節にスタイルシートを差し替えて公開していきます。2011.523.現在はSweety」様の作品をお借りしたnovel-S-greenと同じスタイルシートを使っています。2012.5.8.現在、もずねこ様の作品をお借りしたnovel-R-Catと同じスタイルシートを使っています。見た目のデザインはほとんど同じです。画像をクリックするとプレビューされ...

»» 続きを読む

イラスト 

▲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

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

»» 続きを読む

通年 イラスト シンプル 

▲page top

s-novel-R-Wedding-index30.jpg


六月も近いので、JuneBrideをイメージしたテンプレートを作成してみました。
JavaScript有効時、衣装の色がランダムに変わる新郎新婦のイラストは、いつかはお借りしたいと思っていたふわふわ。り様の作品です。
メインイラスト以外は、いつもお世話になっている「White Board」様からお借り致しました。
今回は、通常記事画面や目次の背景画像にも凝ってみました。(テーブル画像をブロック用に変更した苦心の作です…(^^ゞ)

novel-R-Wedding 結婚式のテンプレート

2010.05.28.[Edit]
六月も近いので、JuneBrideをイメージしたテンプレートを作成してみました。JavaScript有効時、衣装の色がランダムに変わる新郎新婦のイラストは、いつかはお借りしたいと思っていたふわふわ。り様の作品です。メインイラスト以外は、いつもお世話になっている「White Board」様からお借り致しました。今回は、通常記事画面や目次の背景画像にも凝ってみました。(テーブル画像をブロック用に変更した苦心の作です…(^^ゞ)...

»» 続きを読む

イラスト 初夏 結婚 ハート レース 

▲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サイト風表紙付き一般ブログ用)

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

»» 続きを読む

イラスト HPtype 通年 

▲page top

novel-R-Sepia

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

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

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

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

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

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

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

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

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

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

»» 続きを読む

イラスト 通年 

▲page top

ss-novel-R-Fuwari30.jpg

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

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

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

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

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

»» 続きを読む

イラスト 通年 

▲page top

novel-R-Sepia

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

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

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

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

2010.05.29.[Edit]
秋向きの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 (イラストリスト付きテンプレート)

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

»» 続きを読む

写真 風景  通年  

▲page top

novel-R-Angel

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

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

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

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

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

»» 続きを読む

イラスト  バラ 通年 Mako’s 天使 レース 

▲page top

s-novel-R-Illustlist.jpg

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

novel-R-Sepia

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

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

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

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

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

»» 続きを読む

シンプル NoImage 

▲page top

novel-PF-Ajisai


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

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


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

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

novel-PF-Ajisai 紫陽花のテンプレート

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

»» 続きを読む

写真 風景  アジサイ 初夏 Popup Fiore 樹木 Full-Screen 

▲page top

novel-temp-star


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

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

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

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

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

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

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

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

»» 続きを読む

イラスト 宇宙  黒背景 幻想的 通年 

▲page top

novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪


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

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

novel-R-Kingyo2 金魚のテンプレート(白背景)

2010.07.05.[Edit]
昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョンと黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪上の画像を...

»» 続きを読む

イラスト  金魚 和風 幻想的 Mako’s 

▲page top

novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪

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

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

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

novel-R-Kingyo3 金魚のテンプレート(黒背景)

2010.07.05.[Edit]
昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョンと黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪上の画像を...

»» 続きを読む

イラスト  金魚 黒背景 和風 幻想的 Mako’s 

▲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 イラストリスト付きテンプレート

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

»» 続きを読む

通年 NoImage シンプル Popup 

▲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サイト風疑似フレームテンプレート)

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

»» 続きを読む

写真  通年  シンプル Popup HPtype 

▲page top

normal-PF-Black20100710-102428-67134400.gif

novel-PFタイプを逆アレンジした、一般ブログ用疑似フレームテンプレート。(表紙なし)
カテゴリ別全記事一覧タイトルリスト、番号付きページナビリンク、パン屑リスト兼用メニューバー、折りたたみカテゴリリスト、関連エントリー(同カテゴリ記事一覧表示)などなどシンプルだけど多機能充実。
一般用に逆アレンジした拙作テンプレの中では、記事の分類整理が一番しやすいんじゃないかと思います。

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

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

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

  • ページエリアでは最新記事一覧、カテゴリページではカテゴリリスト、タグエリアではユーザータグリスト、月別アーカイブページでは更新カレンダーがそれぞれ、サイドメニュー冒頭のサイトマップへのリンクボタンの直下に表示されます。

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

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

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





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

2010.07.16.[Edit]
novel-PFタイプを逆アレンジした、一般ブログ用疑似フレームテンプレート。(表紙なし)カテゴリ別全記事一覧タイトルリスト、番号付きページナビリンク、パン屑リスト兼用メニューバー、折りたたみカテゴリリスト、関連エントリー(同カテゴリ記事一覧表示)などなどシンプルだけど多機能充実。一般用に逆アレンジした拙作テンプレの中では、記事の分類整理が一番しやすいんじゃないかと思います。小説用テンプレとの主な違いプラ...

»» 続きを読む

シンプル NoImage 黒背景 

▲page top

s70-novel-PF-Resort.jpg
20100726-061920-98519700.gif

昨年夏に大変好評いただいた、novel-R-Paradiseにつづき、今年も、アルカディア様から、この世の楽園、モルディブの美しい海と空を写し撮った作品をお借りして、テンプレートを作成させていただきました。

表紙にお借りした透き通るような美しい海の中を、透き通るように美しい魚が漂うように泳ぐ涼しげな作品は管理人一番のお気に入りですが、他にも、アルカディア様には、美しくも心癒される海と空と浜の作品がたくさんあります。伺えば、一時この猛暑をわすれて、ネットの世界だけでもリゾート気分に浸れることウケアイです。


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

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

novel-PF-Resort

2010.07.28.[Edit]
昨年夏に大変好評いただいた、novel-R-Paradiseにつづき、今年も、アルカディア様から、この世の楽園、モルディブの美しい海と空を写し撮った作品をお借りして、テンプレートを作成させていただきました。 表紙にお借りした透き通るような美しい海の中を、透き通るように美しい魚が漂うように泳ぐ涼しげな作品は管理人一番のお気に入りですが、他にも、アルカディア様には、美しくも心癒される海と空と浜の作品がたくさんあります...

»» 続きを読む

Popup 写真 風景   Full-Screen 

▲page top

novel-PF-Himawari   20100803-084801-49812400.gif

夏の花といえば、やはり向日葵です!真夏の青空の元すっくと立つ、見ているだけで元気が出てくるようなヒマワリの作品は「無料壁紙写真素材集/自然と風景 」様からをお借りしました。表紙ページ、JavaScript有効時は二種類の向日葵の画像がクリックするたびにランダムに変わります。無効時は固定画像です。

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

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

novel-PF-Himawari 向日葵のテンプレート

2010.08.03.[Edit]
  夏の花といえば、やはり向日葵です!真夏の青空の元すっくと立つ、見ているだけで元気が出てくるようなヒマワリの作品は「無料壁紙写真素材集/自然と風景 」様からをお借りしました。表紙ページ、JavaScript有効時は二種類の向日葵の画像がクリックするたびにランダムに変わります。無効時は固定画像です。上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript...

»» 続きを読む

写真 風景  Popup  ヒマワリ Full-Screen 

▲page top

novel-template-kiku
申しわけありません、Firefoxで閲覧した際に、カラムの上部が下がって表示されることに先日ほど気づき、修正致しましたが、修正内容が審査され、実際に反映されるまで数日を要します。ご利用の方は、大変申し訳ありませんが、テンプレートの最終更新日が本日2010.9.13.以降の日付になってから再度のDLをお願い申し上げます。

菊の花のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

涼しくなりましたので、気分を一新して、秋のテンプレートを何点かまとめて作成いたしました。
一点目は菊の和風テンプレート。テンプレートを飾る美しい菊のクリップアートは「Petit Sozai emi」様からお借り致しました。花簪みたいでとても綺麗ですよねぇ♪
個別記事の前話・次話ナビの背景も、凝ってリンクボタン風にしてみました♪

p_navihe.gif      20100908-150657-02103700.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

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

novel-template-kiku 菊の花の和風テンプレート

2010.09.11.[Edit]
申しわけありません、Firefoxで閲覧した際に、カラムの上部が下がって表示されることに先日ほど気づき、修正致しましたが、修正内容が審査され、実際に反映されるまで数日を要します。ご利用の方は、大変申し訳ありませんが、テンプレートの最終更新日が本日2010.9.13.以降の日付になってから再度のDLをお願い申し上げます。菊の花のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ 涼しくなりましたの...

»» 続きを読む

イラスト     和風 和風テンプレート 

▲page top

novel-S-icyou

銀杏のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、二点目は、黒背景に金色に映える銀杏のテンプレート。
一点目の菊のテンプレートnovel-template-kikuと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、銀杏の葉っぱです♪
p_navihe.gif  20100911-072903-40834500.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

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

novel-S-icyou 銀杏のテンプレート

2010.09.11.[Edit]
銀杏のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ 秋の連作テンプレート、二点目は、黒背景に金色に映える銀杏のテンプレート。一点目の菊のテンプレートnovel-template-kikuと同じく「Petit Sozai emi」様から画像をお借り致しました。個別記事の前話・次話ナビの背景も、銀杏の葉っぱです♪  リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小...

»» 続きを読む

イラスト  紅葉 和風 黒背景 レース 和風テンプレート 

▲page top

novel-S-icyou

楓のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、三点目は、JavaScript有効時、グラデーション背景がランダムに変化する和風テイストの楓のテンプレート。
菊のテンプレートnovel-template-kiku・銀杏のテンプレートnovel-S-icyouと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、同じデザインで統一しました♪
p_navi32w4.gif  20100908-150351-27563400.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

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

novel-S-kaede 楓の和風テンプレート

2010.09.11.[Edit]
楓のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラ 秋の連作テンプレート、三点目は、JavaScript有効時、グラデーション背景がランダムに変化する和風テイストの楓のテンプレート。菊のテンプレートnovel-template-kiku・銀杏のテンプレートnovel-S-icyouと同じく「Petit Sozai emi」様から画像をお借り致しました。個別記事の前話・次話ナビの背景も、同じデザインで統一しました♪  リンクボタンに見...

»» 続きを読む

イラスト  紅葉 和風 和風テンプレート 

▲page top

20101002-113407-77847800.gif


ちょっと気が早い気もしますが、Sタイプでハロウィーンテンプレートを2点つくってみました。
黒背景に映えるガラス細工のようなかぼちゃがとってもシックで幻想的なハロウィン作品は、White Board 様のからお借りしました。 ゆらゆら揺れるほうきのアニメアイコンもすごく可愛いです♪
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

個別記事の前話・次話ナビの背景デザインもひと手間かけました。空飛ぶほうきです♪
navi-pum33.png


申請は10月頃の予定ですが、一足先に皆様にお披露目させていただいたのは管理人に下心?があったからだったりします。実は、先日公開したnovel-template-kikuが、Firefoxで閲覧した際に表紙のカラムの上がずれて表示されていたのに昨日気が付きました。一応FirefoxとIETesterで確認しているのですが、今回は、確認後に、あちこち手を加えていたにもかかわらず、再度の、そして最終的な確認を怠っていたせいでした。本当に申し訳なかったです。この新作テンプレも、現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

Rタイプにとりいれた、一文字目の装飾を気に入ってくださった方がいらっしゃるようで、嬉しくて、今回のハロウィンテンプレにも導入してみました。
s10-test.jpg

通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)

novel-S-pumpkin1 ハロウィンテンプレート

2010.09.14.[Edit]
ちょっと気が早い気もしますが、Sタイプでハロウィーンテンプレートを2点つくってみました。黒背景に映えるガラス細工のようなかぼちゃがとってもシックで幻想的なハロウィン作品は、White Board 様のからお借りしました。 ゆらゆら揺れるほうきのアニメアイコンもすごく可愛いです♪その他のハロウィン向きのテンプレートをお探しの場合はコチラ上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにペー...

»» 続きを読む

イラスト ハロウィン  黒背景 幻想的 WhiteBoard 

▲page top

20101002-113000-28047500.gif


この秋二点目のハロウィンテンプレです。novel-S-pumpkin1でお借りしたWhite Board 様の黒背景用のハロウィン作品が余りにすてきで、白背景バージョンもあるので、色違いでつくってみたくなりました。出来上がってみれば、色違いの素材をお借りしていても、幻想的な雰囲気だったnovel-S-pumpkin1とは違う、ハロウィン用とは申せ、実りの秋がイメージできる温かそうなテンプレになりました。ニットにブローチをつけたような仕上がりが、結構気に入っています。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ


前の記事でも述べましたが、申請前に前倒しで、お披露目させていただいたのは管理人に下心?があったからだったりします。現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

novel-S-pumpkin1と同じく、通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)

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

novel-S-pumpkin2 ハロウィンテンプレート

2010.09.14.[Edit]
この秋二点目のハロウィンテンプレです。novel-S-pumpkin1でお借りしたWhite Board 様の黒背景用のハロウィン作品が余りにすてきで、白背景バージョンもあるので、色違いでつくってみたくなりました。出来上がってみれば、色違いの素材をお借りしていても、幻想的な雰囲気だったnovel-S-pumpkin1とは違う、ハロウィン用とは申せ、実りの秋がイメージできる温かそうなテンプレになりました。ニットにブローチをつけたような仕上がり...

»» 続きを読む

イラスト ハロウィン  WhiteBoard 

▲page top

s10-novel-R-Moon.jpg


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

20100918-161518-58637800.gif

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

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

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

»» 続きを読む

イラスト 通年 天使   

▲page top


20101013-075036-68909700.gif


需要高め?のPFタイプにハロウィン向きのテンプレートがなかったので、急遽作成いたしました。ぎりぎりですが、今年のハロウィンに間に合うかしらん?(実は、またしても、じみ~な改訂作業にあきてしまった管理人の気分転換の成果?です、はい、あくまで気分転換、逃避ではありません、申請したので、また改訂作業に戻ります…(^^ゞ)

昨年にひきつづき、またしても、Mako's様のハロウィン作品をお借りしました。昨年は、ゴシックホラーが似合いそうな、お耽美な魔系男子にご登場いただきましたが、今年のテーマは魔女と猫。月をバックにしたシルエット作品がすばらしく美しい!ちょこちょこ登場させている三白眼のちょっとひねた雰囲気の黒猫も激しく気に入っています♪

ハロウィン向きですが、テンプレの中にハロですウィン(Halloween)の文字表示はなく、かぼちゃも登場しませんので、ハリポタ風の、魔法や魔女の学校が舞台のファンタジー作品などにもよろしいかと。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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


novel-PF-Halloween ハロウィン・魔法ファンタジー向きテンプレート

2010.10.13.[Edit]
需要高め?のPFタイプにハロウィン向きのテンプレートがなかったので、急遽作成いたしました。ぎりぎりですが、今年のハロウィンに間に合うかしらん?(実は、またしても、じみ~な改訂作業にあきてしまった管理人の気分転換の成果?です、はい、あくまで気分転換、逃避ではありません、申請したので、また改訂作業に戻ります…(^^ゞ)昨年にひきつづき、またしても、Mako's様のハロウィン作品をお借りしました。昨年は、ゴシックホ...

»» 続きを読む

イラスト 黒背景 ハロウィン  幻想的 Popup Mako’s 

▲page top

s2-novel-F-Dream-mini2.jpg

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

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

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

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

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

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

»» 続きを読む

NoImage 通年 シンプル Category 

▲page top

s2-novel-F-Dream-plus.jpg


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

yumepuls.jpg

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

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

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

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

»» 続きを読む

NoImage シンプル 通年  

▲page top

s-novel-S-gift1.jpg

White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

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

novel-S-gift1 クリスマステンプレート

2010.11.29.[Edit]
White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。novel-S-gift1が赤、 novel-S-gift2が青です。[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでペ...

»» 続きを読む

イラスト Xマス WhiteBoard ハート 

▲page top

s-novel-S-gift2.jpg
novel-S-gift2


White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

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

novel-S-gift2 クリスマステンプレート

2010.11.29.[Edit]
novel-S-gift2White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。novel-S-gift1が赤、 novel-S-gift2が青です。[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。 上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル...

»» 続きを読む

イラスト Xマス WhiteBoard ハート 

▲page top

s-novel-R-Xmas1.jpg
novel-R-Xmas1


薔薇素材~Mako's」様からクリスマス素材をお借りして作成しました。
黒背景に映えるツリーやリースがなんともゴージャスでうっとりです。さすがまこ様!

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

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

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

novel-Rf-Xmas1 クリスマステンプレート

2010.11.29.[Edit]
novel-R-Xmas1「薔薇素材~Mako's」様からクリスマス素材をお借りして作成しました。黒背景に映えるツリーやリースがなんともゴージャスでうっとりです。さすがまこ様![novel-Rタイプ]をアレンジして、個別記事ページを疑似フレームスタイルにした[novel-Rfタイプ]。小説本文の左側に目次が表示されます。novel-Rタイプとnovel-RFタイプのスタイルシートとHTMLは互換性がありますので、それぞれ衣替えできます。同じデザイン...

»» 続きを読む

イラスト Xマス 黒背景 Mako’s 

▲page top

s-novel-R-Xmas2.jpg
novel-R-Xmas2


c04-1-2.gif


薔薇素材~Mako's」様の作品をお借りした二作目のクリスマステンプレート。
おちびさんの天使がわいわいやっている雰囲気がなんともラブリーで、たまりません。
透過画像をまとめて無理やり背景に使わせていただので、ちょっと重いかもしれません。
(透過画像のを軽くする方法がわからない!)それでも、ちびっこ天使をテンプレートにちりばめたかった管理人をお許しあれ!

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

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

[novel-R]タイプのテンプレートのスタイルシートは、夢小説テンプレなどnovel-RFと共通です。
yume_miniやyume_plusには画像をつかっていないので、さびしいという方はnovel-Rタイプのスタイルシートに差し替えてご利用ください。
但し、スクリプトを提供くださった柚木様と素材サイト様の著作権表示リンク、両方ともきちんと表示させてください。



novel-R-Xmas2 クリスマステンプレート

2010.11.29.[Edit]
novel-R-Xmas2「薔薇素材~Mako's」様の作品をお借りした二作目のクリスマステンプレート。おちびさんの天使がわいわいやっている雰囲気がなんともラブリーで、たまりません。透過画像をまとめて無理やり背景に使わせていただので、ちょっと重いかもしれません。(透過画像のを軽くする方法がわからない!)それでも、ちびっこ天使をテンプレートにちりばめたかった管理人をお許しあれ! 薔薇素材~Mako's様の作品をお借りしたテン...

»» 続きを読む

イラスト Xマス Mako’s 

▲page top

ss5novel-S-xmas2.jpg

今年のクリスマステンプレはもう打ち止め?にするつもりでしたが、新年用テンプレの素材を探しに伺った「Petit Sozai emi」様で、すてきなクリスマス素材をみつけてしまい、つい…(^^ゞ
週末に申請したのですが、果たして公開はクリスマスに間に合うのかしらん?
表紙以外はクリックする度に、背景色がクリスマスカラーの赤と緑にランダムに変化します。
[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

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

novel-S-xmas2 クリスマステンプレート

2010.12.07.[Edit]
今年のクリスマステンプレはもう打ち止め?にするつもりでしたが、新年用テンプレの素材を探しに伺った「Petit Sozai emi」様で、すてきなクリスマス素材をみつけてしまい、つい…(^^ゞ週末に申請したのですが、果たして公開はクリスマスに間に合うのかしらん?表紙以外はクリックする度に、背景色がクリスマスカラーの赤と緑にランダムに変化します。[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示...

»» 続きを読む

イラスト Xマス 

▲page top

novel-PF-NewYear

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

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

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

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

novel-PF-NewYear 新年用テンプレート

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

»» 続きを読む

イラスト CG 正月 風景 和風 Popup Fiore 新春 新年 Full-Screen 

▲page top

s10nnvel-temp-nenga.jpg
Petit Sozai emi」様のお正月素材をお借りした新年テンプレート。表紙などに使っている金泥背景は、イメージにあうものが見つからなかったので、やむなく管理人が自作(公開されている古い絵巻物の端っこを切り取っただけですが)しました。ということで、結構苦心の作なのですが、その甲斐あって、いいカンジの和風テンプレに仕上がったと一人悦に入っております。

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

novel-temp-nenga 新年用和風テンプレート

2010.12.08.[Edit]
「Petit Sozai emi」様のお正月素材をお借りした新年テンプレート。表紙などに使っている金泥背景は、イメージにあうものが見つからなかったので、やむなく管理人が自作(公開されている古い絵巻物の端っこを切り取っただけですが)しました。ということで、結構苦心の作なのですが、その甲斐あって、いいカンジの和風テンプレに仕上がったと一人悦に入っております。上の画像をクリックするとプレビューされます。Novelテンプレー...

»» 続きを読む

イラスト 正月 和風 新春 新年 和風テンプレート  

▲page top


雪の女王
SNEDRONNINGEN
七つのお話でできているおとぎ物語
ハンス・クリスティアン・アンデルセン Hans Christian Andersen
楠山正雄訳  出典: 青空文庫
底本:「新訳アンデルセン童話集 第二巻」同和春秋社
作品名: 銀河鉄道の夜
作品名読み: ぎんがてつどうのよる
著者名: 宮沢 賢治  出典: 青空文庫
底本: 新編 銀河鉄道の夜
出版社: 新潮文庫、新潮社
作品名: 坊っちゃん
作品名読み: ぼっちゃん
著者名: 夏目 漱石  出典: 青空文庫
底本: ちくま日本文学全集 夏目漱石
出版社: 筑摩書房
««
同じタイプのテンプレートのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。 詳しくは コチラ
同じタイプの小説用テンプレのスタイルシートと差し替えれば、一般ブログスタイルのまま、配色・背景画像などデザインを変更(衣替え)することができます。詳しくは  テンプレートを一般ブログスタイルに変更する
夢小説テンプレートは設定をしてはじめて、名前変換フォームが表示され夢小説用テンプレートとして機能します。ご利用の前に必ず設定してください。 また、PFタイプ・PF2タイプ以外のスタイルシートに差し替えれば、夢小説名前変換機能はそのまま、デザインだけを変更できます。  詳しくは  夢小説用テンプレートの設定
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(イラストリスト付きテンプレート)
»»  2010.03.07.
[Edit]通年 シンプル Category 
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
»»  2010.03.07.
[Edit]通年  イラスト  シンプル Popup 
s102-novel-PF-Sakura.jpg


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

表紙ページでは「風のおひるね」様からお借りした美しい桜の姿がランダムに表示されます。
表紙ページ以外では「Fiore 」様の桜作品をふんだんにお借りいたしました!
写実的なクリップアートもすばらしく美しいのですが、「これぞ日本の桜柄!」ともいうべき古典的なタイルとボーダー背景が、とっても可愛いくて好みでした!

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

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

novel-PF-Sakura 桜のテンプレート
»»  2010.03.08.
[Edit] 風景 Popup 写真   和風 Fiore 樹木 Full-Screen 
s10-novel-temp-sakura.jpg


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



novel-temp-sakura 桜のテンプレート
»»  2010.03.08.
[Edit]   イラスト Fiore 
s_novel-S-sakura_index.jpg


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

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




novel-S-sakura 桜のテンプレート 
»»  2010.03.09.
[Edit]   イラスト 幻想的 Fiore WhiteBoard 
novel-S-spring


申請したのは昨日、なのに、今日、もう承認されている!
 び、びっくりしたぁぁ~!


さて、桜の次はチューリップです!
春ですねぇ~テンプレートを飾るクリップアートは「Petit Sozai emi」様からお借り致しました。
表紙やNovelリストの花束のクリップアートもすばらしく美しいのですが、管理人は、ふんわりぴよぴよのひよこちゃんが可愛くてお気に入りです。
縁取りのレースは、「亡き王女のための研究室」様のフリー素材を加工した、管理人初の自作?素材です。

今まで、個別記事ページのレイアウトだけを変更したテンプレート(コンパクト版など)はHTMLやスタイルシートを公開してサイト内配布しておりましたが、共有申請していないテンプレートの場合、公開直後はともかく、その後の改訂作業などのメンテナンスがどうしても後回しになっておりました。
そこで、今回、タイプ別にテンプレートのHTMLを統一したのを機に、公開中の共有テンプレートのスタイルシートに、レイアウトを変えた場合の内容を内包させました。
カスタマイズはいたって簡単、スタイルシートの中の、(A)と(B)の行を削除していただくだけでOKです。
管理人の省エネだけでなく、今後は改訂内容を速やかに反映させることができます。

ちなみにこのページをDL時のままコンパクト版で表示させると コチラ コチラ
ワイド版で表示させると コチラ コチラ

novel-SタイプのテンプレートのHTMLを統一致しましたので、今後はスタイルシートを変更することで、簡単に衣替えできます。
詳しくは後日、なるべく早めに記事にしてご説明致します。



novel-S-spring 春のテンプレート
»»  2010.04.07.
[Edit]  イラスト チューリップ レース 
s10-novel-temp-sakura.jpg


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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、表紙以外のページのデザインもご確認ください。
novel-temp-ichigo 苺のテンプレート
»»  2010.04.21.
[Edit] 初夏   イラスト Fiore 
s10-novel-temp-sakura.jpg


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

novel-temp-clover クローバーのテンプレート
»»  2010.04.22.
[Edit]イラスト 緑葉 通年  初夏 シンプル Fiore 
s10-s30-novel-template-15.jpg


イチゴのテンプレートその2。
思わず口に持っていきたくなるような瑞々しいイチゴの作品は「Sweety」様からお借りいたしました。
画像をクリックするとプレビューされます。

novel-templateタイプ・novel-tempタイプであればスタイルシートを変更して衣替えできます。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。


DL時はコチラ コチラ 削除すると コチラ コチラ

novel-template-15 苺のテンプレート
»»  2010.04.28.
[Edit] 初夏 写真  Sweety 
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サイト風表紙付き一般ブログ用)
»»  2010.04.28.
[Edit]通年 写真 風景  シンプル HPtype Category 
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(一般ブログスタイル表紙無し)
»»  2010.04.29.
[Edit]通年 写真 風景  シンプル 
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(イラストリスト付きテンプレート)
»»  2010.05.04.
[Edit]通年 シンプル NoImage 
s10-novel-template-blue.jpg



デザインは同時に申請、承認されたnovel-temp-Illustとノベルリスト以外は全く同じです。
画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます
novel-template-blue
»»  2010.05.05.
[Edit] ラベンダー 写真 シンプル 初夏 
s10-novel-template-pink2.jpg



novel-template-blueと同じく、画像はヘッダーと背景だけです。素材の小路 」様からお借りしました。

サポートはできませんが、スタイルシートのヘッダーの設定部分に表示されるページ名をつけておきましたので、画像を変更なさる場合はご参考にどうぞ。
但し、DL時の画像を一つでも(背景も含めて)残してご利用なさる場合は、素材の小路様の著作権表示とリンクは絶対に削除しないでください。
またnovel-templateタイプのテンプレートであれば、スタイルシートを差し替えれば簡単に衣替えできますが、その場合は、コピーライト部分の著作権表示の部分を丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

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

また、今回の改訂で、全記事一覧ページのサイドに、かなり無理やりですが、カテゴリリストと検索フォームを付けたしました。言葉通り、HTMLの最後部分に付け足しただけなので、不要であれば、簡単に削除できます。
DL時はコチラ コチラ 削除すると コチラ コチラ

カスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます
novel-template-pink
»»  2010.05.05.
[Edit] チューリップ 写真 シンプル  
s7-normal-S-simple1ss.jpg

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

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


画像をクリックするとプレビューされます。
Novelテンプレートを逆アレンジした一般ブログ用テンプレート 第二弾はnovel-Sタイプ
表紙付きのHP風。季節季節にスタイルシートを差し替えて公開していきます。
2011.2.17.現在は、Fiore 様の作品をお借りしたnovel-S-cloverと同じスタイルシートを使っていますので、NovelListなど小説テンプレ特有の表示がないだけで、見た目のデザインはほとんど同じです。

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


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

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

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

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




他のnovel-Sタイプのスタイルシートに変更することで、一般ブログ用のスタイルのまま、デザインだけを変更することができます。
詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する

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

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



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

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



normal-S-simple1(HPサイト風表紙付き一般ブログ用)
»»  2010.05.06.
[Edit]イラスト HPtype 
s_normal-R-Cat.jpg



Novelテンプレートを逆アレンジした一般ブログ用テンプレート novel-Sタイプの表紙無しバージョン。
季節季節にスタイルシートを差し替えて公開していきます。
2011.523.現在はSweety」様の作品をお借りしたnovel-S-greenと同じスタイルシートを使っています。

2012.5.8.現在、もずねこ様の作品をお借りしたnovel-R-Catと同じスタイルシートを使っています。見た目のデザインはほとんど同じです。
画像をクリックするとプレビューされます。


同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
normal-S-simple2(一般ブログスタイル表紙無し)
»»  2010.05.06.
[Edit]イラスト 
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
»»  2010.05.07.
[Edit]通年 イラスト シンプル 
s-novel-R-Wedding-index30.jpg


六月も近いので、JuneBrideをイメージしたテンプレートを作成してみました。
JavaScript有効時、衣装の色がランダムに変わる新郎新婦のイラストは、いつかはお借りしたいと思っていたふわふわ。り様の作品です。
メインイラスト以外は、いつもお世話になっている「White Board」様からお借り致しました。
今回は、通常記事画面や目次の背景画像にも凝ってみました。(テーブル画像をブロック用に変更した苦心の作です…(^^ゞ)
novel-R-Wedding 結婚式のテンプレート
»»  2010.05.28.
[Edit]イラスト 初夏 結婚 ハート レース 
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サイト風表紙付き一般ブログ用)
»»  2010.05.28.
[Edit]イラスト HPtype 通年 
novel-R-Sepia

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

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

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

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

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

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

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

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

normal-R-Html-2(一般ブログスタイル表紙無し)
»»  2010.05.28.
[Edit]イラスト 通年 
ss-novel-R-Fuwari30.jpg

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

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

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

novel-R-Fuwari ふわふわ。り様のテンプレート
»»  2010.05.28.
[Edit]イラスト 通年 
novel-R-Sepia

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

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-R-Sepia セピア色のテンプレート
»»  2010.05.29.
[Edit]写真 風景 レトロ  通年 レース 
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 (イラストリスト付きテンプレート)
»»  2010.05.31.
[Edit]写真 風景  通年  
novel-R-Angel

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

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

薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ
novel-R-Angel 天使のテンプレート
»»  2010.06.04.
[Edit]イラスト  バラ 通年 Mako’s 天使 レース 
s-novel-R-Illustlist.jpg

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

novel-R-Sepia

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

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

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

novel-S-Illust(イラストリスト付きテンプレート)
»»  2010.06.15.
[Edit]シンプル NoImage 
novel-PF-Ajisai


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

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


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

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

novel-PF-Ajisai 紫陽花のテンプレート
»»  2010.06.20.
[Edit]写真 風景  アジサイ 初夏 Popup Fiore 樹木 Full-Screen 
novel-temp-star


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

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

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

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

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

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

novel-temp-star 銀河鉄道テンプレート
»»  2010.06.28.
[Edit]イラスト 宇宙  黒背景 幻想的 通年 
novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪


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

薔薇素材~Mako's様の作品をお借りしたテンプレート一覧はコチラ
novel-R-Kingyo2 金魚のテンプレート(白背景)
»»  2010.07.05.
[Edit]イラスト  金魚 和風 幻想的 Mako’s 
novel-R-kingyo2

昨年、大変ご好評をいただいた金魚テンプレ、今年も、「薔薇素材~Mako's」様の、新作イラストをお借りして、そして今回は、同じデザインで、白背景バージョン黒背景バージョン、二点つくってみました。どちらも、とっても涼しげ。
(これもまこ様が白黒背景、両方で作品を描いてくださったおかげです♪多謝<m(__)m>)
ゆらゆらと、ゆらめくように泳ぐ幻想的な金魚の姿をお楽しみいただき、しばし暑さをお忘れください♪

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

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

[novel-R]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。
novel-R-Kingyo3 金魚のテンプレート(黒背景)
»»  2010.07.05.
[Edit]イラスト  金魚 黒背景 和風 幻想的 Mako’s 
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 イラストリスト付きテンプレート
»»  2010.07.07.
[Edit]通年 NoImage シンプル Popup 
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サイト風疑似フレームテンプレート)
»»  2010.07.07.
[Edit]写真  通年  シンプル Popup HPtype 
normal-PF-Black20100710-102428-67134400.gif

novel-PFタイプを逆アレンジした、一般ブログ用疑似フレームテンプレート。(表紙なし)
カテゴリ別全記事一覧タイトルリスト、番号付きページナビリンク、パン屑リスト兼用メニューバー、折りたたみカテゴリリスト、関連エントリー(同カテゴリ記事一覧表示)などなどシンプルだけど多機能充実。
一般用に逆アレンジした拙作テンプレの中では、記事の分類整理が一番しやすいんじゃないかと思います。

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

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

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

  • ページエリアでは最新記事一覧、カテゴリページではカテゴリリスト、タグエリアではユーザータグリスト、月別アーカイブページでは更新カレンダーがそれぞれ、サイドメニュー冒頭のサイトマップへのリンクボタンの直下に表示されます。

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

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

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





normal-PF-Black(一般ブログスタイル表紙無し)
»»  2010.07.16.
[Edit]シンプル NoImage 黒背景 
s70-novel-PF-Resort.jpg
20100726-061920-98519700.gif

昨年夏に大変好評いただいた、novel-R-Paradiseにつづき、今年も、アルカディア様から、この世の楽園、モルディブの美しい海と空を写し撮った作品をお借りして、テンプレートを作成させていただきました。

表紙にお借りした透き通るような美しい海の中を、透き通るように美しい魚が漂うように泳ぐ涼しげな作品は管理人一番のお気に入りですが、他にも、アルカディア様には、美しくも心癒される海と空と浜の作品がたくさんあります。伺えば、一時この猛暑をわすれて、ネットの世界だけでもリゾート気分に浸れることウケアイです。


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

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

novel-PF-Resort
»»  2010.07.28.
[Edit]Popup 写真 風景   Full-Screen 
novel-PF-Himawari   20100803-084801-49812400.gif

夏の花といえば、やはり向日葵です!真夏の青空の元すっくと立つ、見ているだけで元気が出てくるようなヒマワリの作品は「無料壁紙写真素材集/自然と風景 」様からをお借りしました。表紙ページ、JavaScript有効時は二種類の向日葵の画像がクリックするたびにランダムに変わります。無効時は固定画像です。

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

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Wタイプと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。
novel-PF-Himawari 向日葵のテンプレート
»»  2010.08.03.
[Edit]写真 風景  Popup  ヒマワリ Full-Screen 
novel-template-kiku
申しわけありません、Firefoxで閲覧した際に、カラムの上部が下がって表示されることに先日ほど気づき、修正致しましたが、修正内容が審査され、実際に反映されるまで数日を要します。ご利用の方は、大変申し訳ありませんが、テンプレートの最終更新日が本日2010.9.13.以降の日付になってから再度のDLをお願い申し上げます。

菊の花のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

涼しくなりましたので、気分を一新して、秋のテンプレートを何点かまとめて作成いたしました。
一点目は菊の和風テンプレート。テンプレートを飾る美しい菊のクリップアートは「Petit Sozai emi」様からお借り致しました。花簪みたいでとても綺麗ですよねぇ♪
個別記事の前話・次話ナビの背景も、凝ってリンクボタン風にしてみました♪

p_navihe.gif      20100908-150657-02103700.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-template-kiku 菊の花の和風テンプレート
»»  2010.09.11.
[Edit]イラスト     和風 和風テンプレート 
novel-S-icyou

銀杏のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、二点目は、黒背景に金色に映える銀杏のテンプレート。
一点目の菊のテンプレートnovel-template-kikuと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、銀杏の葉っぱです♪
p_navihe.gif  20100911-072903-40834500.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-icyou 銀杏のテンプレート
»»  2010.09.11.
[Edit]イラスト  紅葉 和風 黒背景 レース 和風テンプレート 
novel-S-icyou

楓のHP風小説テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 

秋の連作テンプレート、三点目は、JavaScript有効時、グラデーション背景がランダムに変化する和風テイストの楓のテンプレート。
菊のテンプレートnovel-template-kiku・銀杏のテンプレートnovel-S-icyouと同じく「Petit Sozai emi」様から画像をお借り致しました。
個別記事の前話・次話ナビの背景も、同じデザインで統一しました♪
p_navi32w4.gif  20100908-150351-27563400.gif

リンクボタンに見えますが、実はこれは表示位置を微調整させた関連リストの背景画像です。DL後に、小説ページのフォントの大きさなどを変更する場合、表示がずれる可能性がありますのでご注意ください。

同作品、前話・次話へのページナビゲーションを関連リストで表示させる設定はコチラ コチラ

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-kaede 楓の和風テンプレート
»»  2010.09.11.
[Edit]イラスト  紅葉 和風 和風テンプレート 
20101002-113407-77847800.gif


ちょっと気が早い気もしますが、Sタイプでハロウィーンテンプレートを2点つくってみました。
黒背景に映えるガラス細工のようなかぼちゃがとってもシックで幻想的なハロウィン作品は、White Board 様のからお借りしました。 ゆらゆら揺れるほうきのアニメアイコンもすごく可愛いです♪
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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

個別記事の前話・次話ナビの背景デザインもひと手間かけました。空飛ぶほうきです♪
navi-pum33.png


申請は10月頃の予定ですが、一足先に皆様にお披露目させていただいたのは管理人に下心?があったからだったりします。実は、先日公開したnovel-template-kikuが、Firefoxで閲覧した際に表紙のカラムの上がずれて表示されていたのに昨日気が付きました。一応FirefoxとIETesterで確認しているのですが、今回は、確認後に、あちこち手を加えていたにもかかわらず、再度の、そして最終的な確認を怠っていたせいでした。本当に申し訳なかったです。この新作テンプレも、現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

Rタイプにとりいれた、一文字目の装飾を気に入ってくださった方がいらっしゃるようで、嬉しくて、今回のハロウィンテンプレにも導入してみました。
s10-test.jpg

通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)
novel-S-pumpkin1 ハロウィンテンプレート
»»  2010.09.14.
[Edit]イラスト ハロウィン  黒背景 幻想的 WhiteBoard 
20101002-113000-28047500.gif


この秋二点目のハロウィンテンプレです。novel-S-pumpkin1でお借りしたWhite Board 様の黒背景用のハロウィン作品が余りにすてきで、白背景バージョンもあるので、色違いでつくってみたくなりました。出来上がってみれば、色違いの素材をお借りしていても、幻想的な雰囲気だったnovel-S-pumpkin1とは違う、ハロウィン用とは申せ、実りの秋がイメージできる温かそうなテンプレになりました。ニットにブローチをつけたような仕上がりが、結構気に入っています。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ


前の記事でも述べましたが、申請前に前倒しで、お披露目させていただいたのは管理人に下心?があったからだったりします。現時点で確認した限り表示の乱れはないようなのですが、なんせ、ズボラで迂闊でせっかちな管理人でありますので、どんなポカをやらかしているか、または今後やらかすか、わかったもんじゃありません。プレビューなさってみて、もしも、なにか不具合な部分など気がつかれた場合は、ご面倒とは存じますが、ぜひぜひご報告くださいますようお願い申し上げます。

[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。スタンダードタイプと同じくサイドメニューに表示させる場合は  コチラ

novel-S-pumpkin1と同じく、通常ブログ画面と個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
装飾が不要であれば、スタイルシートの中から(C)~(D)(E)~(F)(G)~(H)を削除するか、記事の冒頭に<br />改行をいれてください。詳しくはコチラ コチラ
(注意・IE5以下のバージョンでご覧になった場合の、最初の装飾文字のずれは管理人承知しております。残念ながら、これは克服できませんでした。)

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-pumpkin2 ハロウィンテンプレート
»»  2010.09.14.
[Edit]イラスト ハロウィン  WhiteBoard 
s10-novel-R-Moon.jpg


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

20100918-161518-58637800.gif

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

novel-R-Moon ふわふわ。り様の月のメルヘンテンプレート
»»  2010.09.21.
[Edit]イラスト 通年 天使   

20101013-075036-68909700.gif


需要高め?のPFタイプにハロウィン向きのテンプレートがなかったので、急遽作成いたしました。ぎりぎりですが、今年のハロウィンに間に合うかしらん?(実は、またしても、じみ~な改訂作業にあきてしまった管理人の気分転換の成果?です、はい、あくまで気分転換、逃避ではありません、申請したので、また改訂作業に戻ります…(^^ゞ)

昨年にひきつづき、またしても、Mako's様のハロウィン作品をお借りしました。昨年は、ゴシックホラーが似合いそうな、お耽美な魔系男子にご登場いただきましたが、今年のテーマは魔女と猫。月をバックにしたシルエット作品がすばらしく美しい!ちょこちょこ登場させている三白眼のちょっとひねた雰囲気の黒猫も激しく気に入っています♪

ハロウィン向きですが、テンプレの中にハロですウィン(Halloween)の文字表示はなく、かぼちゃも登場しませんので、ハリポタ風の、魔法や魔女の学校が舞台のファンタジー作品などにもよろしいかと。
その他のハロウィン向きのテンプレートをお探しの場合はコチラ

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


novel-PF-Halloween ハロウィン・魔法ファンタジー向きテンプレート
»»  2010.10.13.
[Edit]イラスト 黒背景 ハロウィン  幻想的 Popup Mako’s 
s2-novel-F-Dream-mini2.jpg

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

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

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

上の画像をクリックすると実際のページがプレビューされます。
夢小説用テンプレートDream-Rf-mini
»»  2010.11.26.
[Edit]NoImage 通年 シンプル Category 
s2-novel-F-Dream-plus.jpg


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

yumepuls.jpg

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

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

夢小説用テンプレートDream-Rf-plus
»»  2010.11.26.
[Edit]NoImage シンプル 通年  
s-novel-S-gift1.jpg

White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-gift1 クリスマステンプレート
»»  2010.11.29.
[Edit]イラスト Xマス WhiteBoard ハート 
s-novel-S-gift2.jpg
novel-S-gift2


White Board 様から シックな封筒のセットとクリスマス素材をお借りして色違いのクリスマステンプレートを作成しました。
novel-S-gift1novel-S-gift2です。

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

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-gift2 クリスマステンプレート
»»  2010.11.29.
[Edit]イラスト Xマス WhiteBoard ハート 
s-novel-R-Xmas1.jpg
novel-R-Xmas1


薔薇素材~Mako's」様からクリスマス素材をお借りして作成しました。
黒背景に映えるツリーやリースがなんともゴージャスでうっとりです。さすがまこ様!

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

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

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

novel-Rf-Xmas1 クリスマステンプレート
»»  2010.11.29.
[Edit]イラスト Xマス 黒背景 Mako’s 
s-novel-R-Xmas2.jpg
novel-R-Xmas2


c04-1-2.gif


薔薇素材~Mako's」様の作品をお借りした二作目のクリスマステンプレート。
おちびさんの天使がわいわいやっている雰囲気がなんともラブリーで、たまりません。
透過画像をまとめて無理やり背景に使わせていただので、ちょっと重いかもしれません。
(透過画像のを軽くする方法がわからない!)それでも、ちびっこ天使をテンプレートにちりばめたかった管理人をお許しあれ!

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

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

[novel-R]タイプのテンプレートのスタイルシートは、夢小説テンプレなどnovel-RFと共通です。
yume_miniやyume_plusには画像をつかっていないので、さびしいという方はnovel-Rタイプのスタイルシートに差し替えてご利用ください。
但し、スクリプトを提供くださった柚木様と素材サイト様の著作権表示リンク、両方ともきちんと表示させてください。



novel-R-Xmas2 クリスマステンプレート
»»  2010.11.29.
[Edit]イラスト Xマス Mako’s 
ss5novel-S-xmas2.jpg

今年のクリスマステンプレはもう打ち止め?にするつもりでしたが、新年用テンプレの素材を探しに伺った「Petit Sozai emi」様で、すてきなクリスマス素材をみつけてしまい、つい…(^^ゞ
週末に申請したのですが、果たして公開はクリスマスに間に合うのかしらん?
表紙以外はクリックする度に、背景色がクリスマスカラーの赤と緑にランダムに変化します。
[novel-S]タイプのテンプレートは、表紙画面下にプラグイン3コンテンツが表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。Javacript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-S-xmas2 クリスマステンプレート
»»  2010.12.07.
[Edit]イラスト Xマス 
novel-PF-NewYear

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

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

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

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

novel-PF-NewYear 新年用テンプレート
»»  2010.12.08.
[Edit]イラスト CG 正月 風景 和風 Popup Fiore 新春 新年 Full-Screen 
s10nnvel-temp-nenga.jpg
Petit Sozai emi」様のお正月素材をお借りした新年テンプレート。表紙などに使っている金泥背景は、イメージにあうものが見つからなかったので、やむなく管理人が自作(公開されている古い絵巻物の端っこを切り取っただけですが)しました。ということで、結構苦心の作なのですが、その甲斐あって、いいカンジの和風テンプレに仕上がったと一人悦に入っております。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。
novel-temp-nenga 新年用和風テンプレート
»»  2010.12.08.
[Edit]イラスト 正月 和風 新春 新年 和風テンプレート  

««

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
densha2cb.gif
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。