このカテゴリは 横ならび目次サンプル(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サイト作成支援系ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪


normal-Sf-Unicorn 貴婦人と一角獣のテンプレート①				貴婦人と一角獣のテンプレート小説用HTMLサイト内配布

*Edit |

◆スポンサー広告

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

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

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

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

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

2013.04.24 *Edit
▽TB[0]

表紙メニューがポップアップで表示される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 />をいれてください。詳しくは　コチラ