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

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

Novel テンプレート

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

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

スポンサーサイト

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

--.--.-- *Edit

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

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

総もくじ

テンプレートマニュアル共有テンプレート画像のためのカテゴリ

┣テンプレートについて　

　スポンサーサイト
┣携帯用Novelテンプレート　

　スポンサーサイト
┣表紙ページ　

　スポンサーサイト
┣Novel List　

　スポンサーサイト
┣目次ページ　

　スポンサーサイト
┣小説本文(個別記事）ページ　

　スポンサーサイト
┣イラストリスト　

　スポンサーサイト
┣全記事一覧ページ(All Titlelist 総目次)　

　スポンサーサイト
┣その他・共通ページ　

　スポンサーサイト
┣携帯用テンプレートのカスタマイズ　

　スポンサーサイト
┣テンプレート別のカスタマイズ　

　スポンサーサイト
┣サイト内配布テンプレート　

　スポンサーサイト
┣テンプレートの衣替え　

　スポンサーサイト
┗裏技カスタマイズ　

　スポンサーサイト

総もくじ

テンプレート一覧共有テンプレート画像のためのカテゴリ

┣novel-templateタイプ　

　スポンサーサイト
┣novel-tempタイプ　

　スポンサーサイト
┣novel-Sタイプ　

　スポンサーサイト
┣novel-Rタイプ　

　スポンサーサイト
┣novel-Gタイプ　

　スポンサーサイト
┣novel-Jタイプ　

　スポンサーサイト
┣novel-Cタイプ　

　スポンサーサイト
┣素材屋風テンプレート　

　スポンサーサイト
┣疑似フレームテンプレート　

　スポンサーサイト
┣novel-PF2タイプ　

　スポンサーサイト
┣夢小説用テンプレート　

　スポンサーサイト
┣イラストリスト付きテンプレート　

　スポンサーサイト
┣携帯用テンプレート　

　スポンサーサイト
┗一般ブログ用テンプレート　

　スポンサーサイト

総もくじ

テンプレート情報共有テンプレート画像のためのカテゴリ

┣バージョンアップや改訂内容　

　スポンサーサイト
┣不具合の修正　

　スポンサーサイト
┣その他お知らせなど　

　スポンサーサイト
┗管理人のおススメ　

　スポンサーサイト

未分類

カスタマイズの備忘録

総もくじ

小説サンプル（親カテゴリ）共有テンプレート画像のためのカテゴリ

┣風立ちぬ　

　スポンサーサイト
┣雪の女王　

　スポンサーサイト
┣銀河鉄道の夜　

　スポンサーサイト
┣坊っちゃん　

　スポンサーサイト
┗幸福の王子（夢小説サンプル）　　

　スポンサーサイト

総もくじ

画像のためのカテゴリ共有テンプレート画像のためのカテゴリ

┗人物イラストのためのカテゴリ　

　スポンサーサイト

　ランキングに参加中　～応援(クリック)していただけると嬉しいです～

素材専門検索サイトsozai-R ジャンル：SKIN配布

にほんブログ村ブログテンプレート

　　　　0574 Web Site Ranking ジャンル：Webサイト作成支援系ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪


novel-Jf-Minnesang 中世彩飾写本風テンプレート				novel-Jf-Minne中世騎士物語風テンプレート

*Edit |

◆スポンサー広告

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

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

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

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

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

2013.05.17 *Edit
▽TB[0]

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 />をいれてください。詳しくは　コチラ