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

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

Novel テンプレート

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

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

「テンプレート一覧」
一般ブログ用テンプレート

normal-Jf-Unicorn 貴婦人と一角獣のテンプレート②

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

　Temlplate Image　：　イラスト黒背景レトロ羊皮紙クロスフェード jQuery Popup New

　Image　：　イラスト黒背景レトロ羊皮紙クロスフェード jQuery Popup New

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

2013.04.24 *Edit
▽TB[0]

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

表紙メニューがポップアップで表示されるJfタイプの貴婦人と一角獣のテンプレート一般用。
表紙デザインが違うだけで、他ページは全てnormal-Sf-Unicornと同じです。

普段なら、サイト内配布なり、衣替えで済ますところですが、
せっかく「貴婦人と一角獣展」が開催されていることですし、
一般用テンプレでJタイプをまだ共有申請も公開もしていなかったので、こちらも共有申請しちゃいます！

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

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

一般用にアレンジして申請しましたので、小説用として御利用の場合は小説用HTMLに差し替えてご利用ください。
詳しくは

コチラ

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

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

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

主な特徴

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

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

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

JavaScript有効時、個別記事ページサイドに表示される「INDEX」をクリックすると目次が表示されます。
無効時には最初から開示されます。

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

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