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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-temp-yukari藤の花の和風テンプレート →リクエストに関して
 
上記の広告は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
   
 

「テンプレートマニュアル」
小説本文(個別記事)ページ

小説ページの関連もくじ一覧の表示を横並びにする

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度2 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-temp-yukari藤の花の和風テンプレート →リクエストに関して
 
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2

新作テンプレートや改訂版のテンプレートの目次ページと小説ページでは、「関連もくじ一覧」として、同じ親カテゴリに属する全てのカテゴリの目次へのリンクが表示されます。

yokocat2.jpg
DL時、この関連もくじは縦並びですが、小説ページに関しては、
全ページ、あるいは特定の(カテゴリ)だけ、以下のように横並びに変更して表示することができます。

yokocat.jpg



カスタマイズ


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


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

スタイルシート編集]部分をカスタマイズします。

全ての小説ページの関連もくじを横並びにする場合はスタイルシートに以下を追加します。

#permanent .index-navi ul li {display:inline}
#permanent .index-navi span.yoko{display:none}
#permanent .index-navi ul {
padding-left:0px;
width:28em;/* 関連もくじ全体の横幅 */
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#permanent .index-navi ul li {
list-style-type:none;
float:left;
line-height:25px; /* 高さ */
margin:0px;
padding:0px;
}

#permanent .index-navi ul li a {
display:block;
text-align:center;
width:4.5em; /* 1つのメニューボタンの幅 */
text-decoration:none;
}



連番以外のカテゴリがある場合


子カテゴリタイトルが、連番だけでなく文字列を含み長くなる場合は、上記の設定のうち、
『関連もくじ全体の横幅』 や 『1つのメニューボタンの幅 』の数値を変更して調整します。
ssample.jpg

文字列が他より長く、そのせいで横並びにすると不ぞろいになってしまうカテゴリがある場合、そのカテゴリだけ、一行に単独で表示させれば、レイアウトも崩れません。
上の例では、カテゴリタイトルの連番が半角ではなく全角で設定されているので、全体の横幅と、1つのメニューボタンの幅を広めに設定し、その上で、カテゴリ群冒頭の、文字列が長いカテゴリ(プロローグ そもそもの始まり)の、ボタンの幅を別に指定しています。

#permanent .index-navi ul {
padding-left:0px;
width:35em;/* 関連もくじ全体の横幅 */
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#permanent .index-navi ul li a {
display:block;
text-align:center;
width:6em; /* 1つのメニューボタンの幅 */
}

#permanent .index-navi ul li.ccc_catZZ a {
text-align:left;
width:30em; /* 文字列が長いため一行で表示するカテゴリの幅 */
}


ZZを文字列を含むカテゴリのカテゴリ番号に変更し、ボタンの幅を横に他のボタンが並ぶ余地がない長さ(上の例では30em)に設定します。

特定のカテゴリだけ横並びにする場合



特定のカテゴリの小説(個別記事)ページだけ横並びに変更する場合は、XXをカテゴリ番号に変更しておきます。

カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。
この時親カテゴリ番号に変更すると、その親カテゴリに属する全ての小説(個別記事)ページの関連もくじを横並びに表示できます。

以下をスタイルシートに追加します。

#permanent .en_catXX .index-navi ul li {display:inline}
#permanent .en_catXX .index-navi span.yoko{display:none}
#permanent .en_catXX .index-navi ul {
padding-left:0px;
width:28em;/* 関連もくじ全体の横幅 */
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#permanent .en_catXX .index-navi ul li {
list-style-type:none;
float:left;
line-height:25px; /* 高さ */
margin:0px;
padding:0px;
}

#permanent .en_catXX .index-navi ul li a {
display:block;
text-align:center;
width:4.5em; /* 1つのメニューボタンの幅 */text-decoration:none;
}




更新 】 をクリックする。

関連記事
スポンサーサイト
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 小説ページの関連もくじ一覧の表示を横並びにする
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png 小説ページの関連もくじ一覧の表示を横並びにする
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[0]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←novel-temp-yukari藤の花の和風テンプレート    →リクエストに関して

名前変換フォーム

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