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

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

Novel テンプレート

このページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。

このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。

「テンプレート一覧」
novel-Jタイプ

novel-Jf-Adventure アドベンチャーゲーム風テンプレート

　画像のないテンプレートで記事をご覧になる場合は

　Temlplate Image　：　Popup レトロ羊皮紙クロスフェード jQuery New

　Image　：　Popup レトロ羊皮紙クロスフェード jQuery New

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。

2013.05.17 *Edit
▽TB[0]

Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく！

novel-Jf-Adventure

表紙は、海賊旗と古地図と海戦の３枚の画像をjQueryでクロスフェードさせています。JavaScript無効時は地図の固定画像。
地図に海賊旗に洞窟と、アドベンチャーゲームみたいなこのテンプレートをつくってしまった、そもそもの発端はネットで見つけたこの古地図です。

どうやらアイスランドの地図のようですが、管理人は、海の怪物が色鮮やかに描かれた、このすてきな地図に完全にKOされました。

実は、海と帆船のテンプレートVoyageも、これを使いたいがために作ったのですが、作りこんでいくうちに、他のページとイメージが合わず、その時はやむを得ず、他のもっと普通の古地図を使いました。しかし、どうしても諦めきれず、今度こそと、この古地図をメインにしてテンプレートをデザインしていったら、こうなっちゃったわけです…(^^ゞ

だって、この地図、宝島の地図にぴったりじゃぁないですか！
怪物達の守る島に隠されているものときたら、財宝にきまってます。
周りは海なんですから、隠したのは当然海賊でしょう。
島の中で財宝を隠すとしたら、これまた当然洞窟の中、そして、その洞窟には財宝を守るドラゴンがいたりする…

どうみても、小説向きとは言えない、主張の激しすぎるテンプレ（自覚してます＜m(__)m＞）ですので、一般用で申請したほうがまだ利用者も見込めるでしょうが、そうすると、NovelListの背景にしたこの古地図が目にとまり難くなる…それはちょっと、別の意味で本末転倒になってしまうので、あえて、小説用で公開しました。

古地図の次にお気に入りは全記事一覧ページに鎮座ましますアーサー・ラッカムが描いたドラゴンです。かっこよくて素敵なドラゴン様でしょう？

洞窟内の財宝やら骸骨は、16世紀から17世紀ヨーロッパ北部で盛んだったヴァニタス（ラテン語: vanitas）というジャンルの静物画からそれっぽいのを拝借して貼りつけました。

というわけで、管理人の趣味(妄想？)丸出しで作成したテンプレートですが、全てのページの背景画像にものすごく思い入れと手間暇かけているので、衣替え以外の画像変更は一切禁止です。

　画像検索からお見えになる方もいるかと思いますが、拙宅が配布しているのはあくまでテンプレートです。このテンプレートの画像は管理人が自力加工したものですが、配布はしておりません。テンプレートに用いている画像の流用・転用はご遠慮ください。

表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、ﾒﾆｭｰの内容が最初から全て画像の下に表示されます。
ポップアップ表示のカスタマイズについては

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

（ver1302）改訂内容

PC用にも漸く投稿画像のサムネイル画像を表示できる変数が追加されましたので、ver1302より導入。
記事にそのブログでアップロードした投稿画像がある場合、タグ・検索・月別ページでは、サムネイルが表示されます。但し、別ブログでアップした画像や他から引っ張ってきた画像(直リンクバナー等)はサムネイル表示されません。
個別記事ページと目次ページの左側に表示される目次、関連もくじに折りたたみ機能導入。
JavaScript有効時は、折りたたまれ、クリックすると開示されます。
2013.5月以降に公開されたテンプレートについては全てver1302で申請、もしくは改訂済みですが、それ以前に公開されたテンプレートも順次改訂していきます。

主な特徴

このテンプレートのHTMLには表紙の背景表示のために『クロスフェード表示のための追加ソース(1)～(2)』と『フルスクリーンのためのソース』とタイトル表示等のためにGoogleWebフォントが追加してあります。

衣替えをする場合、スタイルシートを変更する場合は追加ソースを全て削除し、HTMLを変更する場合は、コピペして変更するHTMLの所定の個所に貼り付けます。

webフォントはhead内の～で囲まれた部分です。

追加ソースの挿入個所。
- クロスフェード表示のための追加ソース(1)は</head>の直前に、フルスクリーンのためのソースはボディタグ<body id="～中略～">の直下に追加します。
- クロスフェード表示のための追加ソース(2)は差し換えるHTMLのタイプによって追加する場所が違います。このテンプレートのクロスフェード画像はほぼ正方形なので、JGタイプ以外は、ヘッダー中央部に配置します。
- JGタイプは<div class="layout_main"> 内
  と<div class="topindex">の間に追加。
- JGタイプ以外は、ヘッダー・説明部<div class="introduction">内の
  と<%blog_name>　へようこそ！の間に追加

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

個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。
- 背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、DL後にカスタマイズしたり、記事を書くときにフォントの大きさを変更するとバランスが崩れ、表示が乱れます。
- また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。
- 装飾が不要であれば、スタイルシートの中から(E)～(F)(G)～(H)を削除するか、記事の冒頭に<br />改行<br />をいれてください。詳しくは　コチラ