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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-C-Kiss 小さな恋人達のバレンタインテンプレ →スマートフォンテンプレート難航中
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

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

novel-Jf-Heart3 赤いハートのバレンタインテンプレ

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : イラスト バレンタイン ハート WhiteBoard Popup 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-C-Kiss 小さな恋人達のバレンタインテンプレ →スマートフォンテンプレート難航中
 
novel-J-Heart3


White Board 様の作品をお借りして作成したバレンタインテンプレ。
ガラスの赤いハートがとってもキュートです。コンパクトでシンプルな雰囲気に仕上げてみました。
但し、シンプルでコンパクトなのはあくまで、雰囲気、見かけだけです。
JavaScriptを多用しているJタイプですので、拙作テンプレの中でも1、2を争う複雑怪奇な構造になっておりますので、カスタマイズの際にはご注意ください。

昨年作成したものの、バレンタインには承認が間に合わないだろうと共有テンプレートとしての申請を見送り、期間限定でサイト内配布したテンプレートです。今年はバレンタインに間に合うように、手直しが済み次第、近日中に申請します。


表紙メニューをクリックするとポップアップでそのコンテンツが右側に表示されます。
小説(個別記事)ページは疑似フレーム。サイドフレームには目次が表示されます。

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


別タイプのHTMLに変更すると(HTMLの衣替え)、同じデザインのまま表紙や小説ページのレイアウトを変更できます。
下の画像は、HTMLをスタンダードタイプ・tempタイプ・Sタイプ・Rタイプに変更した場合の表示です。
s_novel-S-Heart3.jpg
現状のままでも、JavaScript無効時には、上に似た表示になります。

バレンタインシーズン以外でご利用の場合


以下の赤字の部分のファイルアドレスを

/*ヘッダー:表紙ページ*/
#index .layout_head {
height : 275px;
margin : 0px;
padding : 0px 0px 0px 0px ;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-v.jpg");
background-repeat : no-repeat ;
background-position : 90% 80% ;
}


#index .all div#wrapper {
min-height:400px;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-v.jpg");
background-repeat : no-repeat ;
background-position : 85% 85%;}


以下に変更すると

http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/hh-01.jpg



hh-v.jpghh-01.jpg

St. Valentaine's Day」という文字表記のない画像に変更できます。

拙作テンプレでは、画像の無断変更は禁止とさせていただいておりますが、このnovel-Jf-Heart3のトップ絵を文字表記のない上の画像に変更する場合のご連絡は不要です。ご自由にどうぞ。
お知らせ 2013.3.1.追記
 バレンタインシーズン以外は、St. Valentaine's Dayの文字は消して公開します


バレンタインテンプレの一覧はコチラ
WhiteBoard様の作品をお借りしたテンプレートの一覧はコチラ


novel-Jfタイプの主な特徴
①Jタイプのテンプレートだけでなく、PFタイプ・PF2タイプ以外の全てのテンプレートと衣替えが可能です。

②現状では、サイドメニューをクリックするとポップアップでコンテンツが表紙画像の上に表示されますが、Gタイプ以外のタイプのHTMLに変更した場合、またJavaScript無効時は、画像上に表示されるようになります。
HTMLをGタイプに変更すると、サイドメニューコンテンツは折りたたみになりますが、カスタマイズ次第で、開閉を振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する][プラグインを折りたたむ]で。

③個別記事ページ以外はJタイプとほとんど同じです。個別記事ページはサイドに目次が表示される疑似フレームスタイル。

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

⑤機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくはコチラ 改訂版テンプレートの新機能・カスタマイズ



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

  • ver05以降の改訂版テンプレートは、同じタイプだけでなく、novel-PF・PF2タイプ以外のテンプレートであれば、スタイルシートを変更するだけで、簡単に衣替え(デザイン変更)することができます。HTML部分に施したカスタマイズはそのまま適用されます。
    詳しくは コチラ 「衣替え(スタイルシート変更)の手順

  • 個別記事ページの表示はDL時はカテゴリ番号0(初期設定のままだと未分類)だけ全面ワイド版表示、それ以外はコンパクト版中央表示ですが、スタイルシートの中から(A)と(B)の二行を削除するだけで、全てのページを全面表示に変更できます。詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

  • 改訂以前のテンプレートでは、二種類のスタイルのどちらか一方しか選択できませんでしたが、ver07以降の改訂版のテンプレートは、カスタマイズ次第でカテゴリ別に二種類のスタイルで表示することができます。
    詳しくは コチラ  「個別記事ページを二種類のスタイルで表示する」

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

  • HTMLをnovel-Jタイプに変更すると、個別記事ページの表示が1カラムに変更され、サイドフレームに表示されていた目次は記事欄末尾に表示されます。

  • HTMLをnovel-PF・PF2タイプ以外のnormalタイプに変更すると、同じデザインで一般ブログ用スタイルに変更できます。
    詳しくは コチラ 「テンプレートを一般ブログスタイルに変更する」

  • HTMLをnovel-PF・PF2タイプ以外のイラストリスト付きテンプレートに変更すると、同じデザインでイラストリスト機能を追加できます。
    詳しくは コチラ 「イラストリスト(Illust List)の説明」


おまけ


簡単に一般用に変更できる、ちょっとした小技導入済み。

NovelListのリンクボタンが不要な場合は
スタイルシートの末尾に以下を追加してください
.go-novel{ display: none!important; }

小説関連の表示が全て不要な場合は
スタイルシートの末尾に以下を追加すると消えます
.delete{display:none!important;}



  • 〔表紙メニュー〕親子カテゴリ折りたたみ 解説記事
  • [表紙ページ]最近の更新スクロールバーの設置 解説記事
  • [表紙ページ]コメント・トラックバックの折りたたみ 解説記事
  • 〔個別記事(小説本文)ページ〕同一作品(カテゴリ)の新着順昇順の目次が表示 解説記事
  • 〔全記事一覧ページ〕親子カテゴリー対応カテゴリー別タイトルリスト 解説記事
  • 〔通常ブログ画面・検索ページ・カレンダーページ〕ページ番号リンクナビゲーション 解説記事
  • 〔全ページ・サイトナビゲーション〕親子カテゴリー対応パン屑リスト



初稿 2012.2.1.
関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
携帯用Novelテンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
表紙ページ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
Novel List 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
目次ページ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
小説本文(個別記事)ページ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
イラストリスト 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
その他・共通ページ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
携帯用テンプレートのカスタマイズ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
テンプレート別のカスタマイズ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
サイト内配布テンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
テンプレートの衣替え 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
裏技カスタマイズ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-tempタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-Sタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-Rタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-Gタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-Jタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-Cタイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
素材屋風テンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
疑似フレームテンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
novel-PF2タイプ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
夢小説用テンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
イラストリスト付きテンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
携帯用テンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
一般ブログ用テンプレート 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
不具合の修正 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
その他お知らせなど 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
管理人のおススメ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
雪の女王 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
銀河鉄道の夜 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
坊っちゃん 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
幸福の王子(夢小説サンプル)  3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png novel-Jf-Heart3 赤いハートのバレンタインテンプレ
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]
関連カスタマイズ記事一覧 イラスト バレンタイン ハート WhiteBoard Popup 
   

名前変換フォーム

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