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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←目次ページ 表示件数の設定 →全体(長篇)の目次を1ページでつくる①
 
上記の広告は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 テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←目次ページ 表示件数の設定 →全体(長篇)の目次を1ページでつくる①
 
カスタマイズの難易度1 カスタマイズの難易度1

目次ページ 番号タイトルの場合は横並び目次に変える


NovelテンプレートのHTMLの中にはあらかじめ、三種類のソースが書き込んでありますので、不要なソースを隠すことでお好みのスタイルの目次にできます。サンプル こちら

①縦ならび目次(一話ごとにサブタイトルをつける場合)


DL時の初期設定では下のようになっていると思います。

テンプレートもくじ2




②横ならび目次(サブタイトルではなく番号で表示する場合)


半角数字二桁の場合、一列に10づつ並ぶ設定です。
1~9までの一桁の数字タイトルの時には、半角スペースをいれてくだされば、きれいにおさまるはずです。

テンプレート目次複数列横並び2

③一列目次(サブタイトルではなく番号で表示する場合)


レイアウトが乱れずに一列に表示できる話数はテンプレートのデザインによって違います。
ソース中の○○話とあるのでご確認ください。下のテンプレートであれば25話くらいまで。
25~30になるとはみ出てしまいますのでご注意。

テンプレート目次一列2

72時間以内に更新された記事については記事タイトルの横に新着マーク(New)がつきます。
新着マークの変更については こちら

以下は全ての目次ページを横並び目次に変える場合のカスタマイズです。
特定のカテゴリの目次ページだけを、横並び目次に変える場合のカスタマイズはカテゴリ別に目次をカスタマイズ ②記事タイトルが通し番号のカテゴリの目次を横並びで表示する」をご参照ください。以下ご参照ください。

osirase-ani02.gif2010.7.15.追記改訂版のテンプレートのHTMLには、予め特定カテゴリに説明などを追加する場合のソースが埋め込まれていますので、カスタマイズが容易になりました。
詳しくは 【改定版 簡単カスタマイズ】特定のカテゴリの目次ページを横並びにする


☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方は こちら  

変更の方法



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんふなうに上から順番に並んでいます。

HTML編集]部分をカスタマイズします。
スクロールしていくと下のように書かれた部分があるはずです。
まず最初に、赤字でしるされた部分--><!--を削除します。
次に変更したいタイプの目次のソースの前後を色のついたタグを追加します。
タイプ②横ならび目次なら青色のタグ、--><!--
タイプ③一列目次ならピンク色のタグ--><!--を追加します。


<!--▽作品目次(カテゴリ)ページ▽-->
<!--category_area-->
<div class="entry_text3">
<div class="topindex">
<img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/ts12-7.gif" alt="" border="0" /><h2>Index ~作品もくじ~</h2>
<br />

<!--▼タイプ① 縦ならび目次(一話ごとにサブタイトルをつける場合)▼-->
<p><!--topentry-->
        <img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/dt65.gif" alt="" border="0" />  <a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>"><%topentry_title></a> <script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
<br /><!--/topentry-->
</p>
<!--▲タイプ① 縦ならび目次(一話ごとにサブタイトルをつける場合)▲-->


<!--▼タイプ② 横ならび目次(サブタイトルではなく数字で表示する場合)
二桁の半角数字が一列に10づつ並びます。一桁の番号は半角スペースを前にいれるとそろいます▼-->
<div class="entry_text6"><ul class="entry_text6">
<!--topentry-->
<li>
<a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>">
<%topentry_title> </a><script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>  
</li>
<!--/topentry-->
</ul></div>
<!--▲タイプ② 横ならび目次(サブタイトルではなく数字で表示する場合)▲-->


<!--▼タイプ③ 一列目次(サブタイトルではなく数字で表示する場合○○話以内推奨)▼-->
<table border="0" cellpadding="5" cellspacing="5"class="hako"><tr align="center">
<!--topentry-->
<td><a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>">
 <%topentry_title> </a><script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
</td><!--/topentry-->
</tr>
</table>

<!--▲③ 一列目次 (サブタイトルではなく数字で表示する場合○○話以内推奨)▲-->


</div></div>
<p>
<ul class="entry_navi">
<li><!--nextpage--><a href="<%nextpage_url>">  <i>Next</i>  </a><!--/nextpage--> </li>
<li> <!--prevpage--><a href="<%prevpage_url>">  <i>Back</i>  </a><!--/prevpage--></li>
</ul>
</p>
<!--/category_area-->
<!--△作品目次(カテゴリ)ページ△-->



更新 】 をクリックする。



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

~ Comment ~

横並び目次の並列?

こんにちは、フクロモモンガです。

とてもステキなテンプレートを、ありがとうございます。
早速こちらを下敷きにして、色々と工事中ですが…超絶初心者の為、なかなか苦戦しています。
ちょこっと触るだけでも混乱するのに、これほどのテンプレートを作るとは、本当に大変だったと思います。

ひとつお聞きしたいのですが、「目次ページ」に、通常の縦に並ぶ目次ページと同じく、番号で横並びの目次が末尾に出現しています。

数字は記事の番号順だと思うのですが、削除するにしても、テンプレートの目次部分をカスタマイズするのが少々恐ろしくもあります。

ダウンロードさせていただいてから、目次に関する部分は全くカスタマイズしていないのですが、この表示を消す為に、どの部分を訂正すればいいか、お知らせいただけると助かります。

急いでおりませんので、回答はいつでも結構です。
お忙しいのにごめんなさい。
該当のページをURLに貼らせていただいております。

よろしくお願いします。

フクロモモンガさまへRe: 横並び目次の並列?

きゃぁ~!!
申しわけありません、それって、おそらく、
横並び目次のサンプル用につくった記事番号です。
すっかり忘れてそのまま登録してしまっていました。
教えてくださってありがとうございました。
即行伺って拝見いたしましたが、何分、コメントをチェックするのが遅かったもので、表示の乱れは見当たりませんでした。
問題の箇所はすでにご解決済みでありましょうか?
お役に立てなくてほんとうに申しわけありませんでした。
拍手も、泣けるほど嬉しいお褒めの言葉も、
本当にありがとうございました!
にも関わらず、忙しさにまぎれて、お礼やお返事が遅れてしまったこと、
どうぞお許しくださいませ。
フクロモモンガさまには、お話したいこともあるし、
ひと段落ついたら、ブログに伺ってゆっくりと思っているうちに、
こんなに日がたってしまいました。
トホホの私メをお許しくださいませ~

<m(__)m><m(__)m><m(__)m>


ありがとうございます!

お返事ありがとうございます!
えーと、まだ表示の方は直っていないようです…。

http://sugarglider7.blog53.fc2.com/blog-category-1.html

目次ページはこちらなのですが、通常表示される縦並びの目次の他に、下の方に
「5、6、7、8、…11、13」という横並びの番号が入っています。
クリックすると、記事に飛ぶので目次のようなのですが…。
同じセピアのテンプレート使っている方で、同じ現象を発見したので、セピアのテンプレート特有の表示なのかなと思いました。

縦並び目次の下に、自動的に横並び目次が表示される設定になっているのでしょうか?
実は書きかけて削除した記事など、欠番などがあるので、ちょっと見た目が今ひとつなのです。
もし表示を消す方法があれば、教えていただけると助かります。
色々な方から質問があって、お忙しいと思いますので、ほんとにお時間のある時で結構です(>_<)

このテンプレート、すごい人気ですね。
やっぱりオンラインノベル用のテンプレートを必要としていた人は、こんなにもいたんですねー。
私はもう「ご案内」に文を入れるだけで、四苦八苦です。(テンプレートのコピー取っておいてよかったです…)
ちょっとずつ勉強はしているのですが、まだまだFC2の機能をちょこちょこ復習している段階で、HTMLタグやスタイルシートをいじれるようになるのは、いつの日か…。頑張ります。

横ならび目次(サブタイトルではなく番号で表示する場合)

先日はお世話になりました。「novel-temp-note4」をお借りしているハナです。

少し質問させてください。

↑のタイトルにあるように、小説のページ数が増えそうなので、横並び目次にしようかと思ったのですが、目次を数字だけにすると、HOMEページにある新着記事一覧も日付と数字だけになってしまいますよね。
複数の小説が同時進行だとちょっと混乱しそうです。

小説のタイトルごとにカテゴリを作ってあるので、どのカテゴリが更新されたかわかれば、数字だけになってもわかりやすいと思うのですが、それは可能でしょうか。

Re: 横ならび目次(サブタイトルではなく番号で表示する場合)

コメントありがとうございます。ご質問でありますが、残念ながら、最新記事一覧ではそのカテゴリを表示する変数はFC2にはないのです。従って、番号タイトルの場合に、カテゴリ名を表示させるには、更新ごとに手打ちでHTMLに直接書き込んでいただくしか手はありません。
その場合にはHTMLから以下の部分を削除し、その代わりに更新内容を書き入れると、スクロール部分に書き込んだ内容が表示されます。

<!--recent-->
  <%recent_month>.<%recent_day>.  <a href="<%recent_link>" title="[<%recent_title>]を読む"><%recent_title></a> <script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script><br />
<!--/recent-->

最新記事一覧のカテゴリを表す変数はありませんが、 その冒頭部分を表示させる変数ならあります。

<a href="<%recent_link>" title="[<%recent_title>]を読む">
赤地の部分を<%recent_body>に変更すれば、カーソルをあてた時に、その記事の冒頭部分が表示されます。

ありがとうございます!

こんばんは!
いつも迅速なお答え、ありがとうございます!

そうなんですか、FC2では出来ないんですね。
自動的に表示してくれれば楽なのですが、毎回手打ちとなると、躊躇してしまうかも…。

お忙しいのにいろいろ教えてくださってありがとうございました!

なんどもすみません

今日アマカイがはずれて思ったのですが拍手のボタン位置が気になるのは20話をこえるものだけ記事後のインデックスが長いので横並び目次にすればいいのかな、と思いました。やはり目次と記事後のインデックスは連動していて、インデックスだけ横並びにすることはできないのでしょうか。目次の横並びに関しては上の記事をみながらやってみます。
・・・FC2拍手の質問は大変だと思いますから取消させて下さい。

Re: なんどもすみません

> 今日アマカイがはずれて思ったのですが拍手のボタン位置が気になるのは20話をこえるものだけ記事後のインデックスが長いので横並び目次にすればいいのかな、と思いました。やはり目次と記事後のインデックスは連動していて、インデックスだけ横並びにすることはできないのでしょうか。目次の横並びに関しては上の記事をみながらやってみます。

個別記事ページのINDEXを横並びにする場合は上ではなく以下の二つの記事をご参考にしてください。
http://noveltemplate.blog26.fc2.com/blog-entry-213.html
http://noveltemplate.blog26.fc2.com/blog-entry-103.html

> ・・・FC2拍手の質問は大変だと思いますから取消させて下さい。

そちらも、後先になってしまいましたが、一つまえのコメントでご返答させていただきました。
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←目次ページ 表示件数の設定    →全体(長篇)の目次を1ページでつくる①

名前変換フォーム

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