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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←【改定版・簡単カスタマイズ】特定のカテゴリの目次にあらすじや説明・バナーなどを追加する →novel-temp-Illust(イラストリスト付きテンプレート)
 
上記の広告は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)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←【改定版・簡単カスタマイズ】特定のカテゴリの目次にあらすじや説明・バナーなどを追加する →novel-temp-Illust(イラストリスト付きテンプレート)
 
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2

以前、記事タイトルが通し番号の作品のために、特定のカテゴリの目次ページを横並びに変更カスタマイズをご紹介しましたが、改定版のテンプレートには予め、カスタマイズに必要なソースが埋め込まれていますので、カスタマイズがとても簡単になりました。

横並び目次カスタマイズサンプル(1)コチラ  横並び目次カスタマイズサンプル(2)コチラ

上の例以外のテンプレートをカスタマイズした場合の表示は「簡単カスタマイズ実行後のページ表示確認リスト」で確認できます。リストの変更版目次横並び・一列をクリックすると実際にカスタマイズされたページが開きます。

(2010.5.3.現在 novel-templateタイプ・novel-tempタイプ・novel-Sタイプは改訂済みですので、以下の簡単カスタマイズが適用できます)
公開テンプレートは全て実装済み

カスタマイズ


テンプレートをカスタマイズする前に、どのカテゴリの目次ページを横並びで表示させるか、そのカテゴリの番号を確認しておきます。

 カテゴリの番号の確認


カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。


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

2. テンプレートのカスタマイズ


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


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

HTML編集]部分をカスタマイズします。

HTMLの以下の部分を探して、XXを横並び目次に変更するカテゴリ番号に変更します。

 <head>部分



<style type="text/css"><!--

.c { display: none; }
.cn<%cno> { display: block ; }

/* =======================================================================================
(AA-1)以下は特定のカテゴリの目次の表示スタイルを変更する場合の設定
横並び目次に変更するカテゴリはXXをそのカテゴリ番号に変更
======================================================================================= */

.hidden_catXX { display: none; }

--></style>



横並び目次サンプル(1)複数列で表示させる場合



<!--▼横ならび目次-サンプル(1)(記事タイトルを番号で表示して複数行並べる場合)▼
記事タイトルを番号でふる方はこちらがおススメ。二桁の数字が一列に10づつ並びます。
番号タイトルが一桁の場合は、番号の前に を前にいれると揃います-->

<!--この行を削除
<div class="c sample1 cnXX">
<ul class="nl">
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title></a><script type="text/javascript">nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')</script></li>
<!--/topentry-->
</ul>
</div>

この行を削除-->
<!--▲横ならび目次-サンプル(1)▲--> 




横並び目次サンプル(2)番号記事タイトルを横一列で表示させる場合



<!--▼横ならび目次-サンプル(2)(記事タイトルや番号タイトルを横一列に並べる場合)▼-->
<!--この行を削除

<div class="c sample12 cnXX">
<ul class="nl">
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title></a><script type="text/javascript">nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')</script></li>
<!--/topentry-->
</ul>
</div>

この行を削除-->
<!--▲横ならび目次-サンプル(2)(サブタイトルではなく数字で表示する場合20話以内推奨)▲-->



カスタマイズ例 
以下はカテゴリ番号12のテンプレートマニュアルを横ならび目次-サンプル(1)、カテゴリ番号4の坊ちゃんを横ならび目次-サンプル(2)で表示させる場合
サンプル(1)コチラ  サンプル(2)コチラ


<head>

~ 中略 ~

<style type="text/css"><!--

.c { display: none; }
.cn<%cno> { display: block ; }

/* =======================================================================================
(AA-1)以下は特定のカテゴリの目次の表示スタイルを変更する場合の設定
横並び目次に変更するカテゴリはXXをそのカテゴリ番号に変更
======================================================================================= */

.hidden_cat4, .hidden_cat12 { display: none; }

--></style>


~ 中略 ~

</head>

~ 中略 ~

<!--▽作品目次(カテゴリ)ページ▽-->
<!--category_area-->

~ 中略 ~


<!--▼横ならび目次-サンプル(1)(記事タイトルを番号で表示して複数行並べる場合)▼
記事タイトルを番号でふる方はこちらがおススメ。二桁の数字が一列に10づつ並びます。
番号タイトルが一桁の場合は、番号の前に を前にいれると揃います-->

<div class="c sample1 cn12">
<ul class="nl">
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title></a><script type="text/javascript">nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')</script></li>
<!--/topentry-->
</ul>

</div>


<!--▲横ならび目次-サンプル(1)▲--> 

<!--▼横ならび目次-サンプル(2)(記事タイトルや番号タイトルを横一列に並べる場合)▼-->


<div class="c sample12 cn4">
<ul class="nl">
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title></a><script type="text/javascript">nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')</script></li>
<!--/topentry-->
</ul>

</div>


<!--▲横ならび目次-サンプル(2)(サブタイトルではなく数字で表示する場合20話以内推奨)▲-->


~ 中略 ~


<!--/category_area-->
<!--△作品目次(カテゴリ)ページ△-->



上の例のように複数のカテゴリの表示を変更する場合は、スタイルシートにはカンマとドット、HTMLではクラス名とクラス名の間に半角スペースをを忘れずに記載します。

.hidden_cat4, .hidden_cat12 { display: none; }

<div class="c sample1 cn12">





更新 】 をクリックする。




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

~ Comment ~

質問

特定のカテゴリを複数、横並びサンプル(1)や(2)にしたいのですが。
どのように記号を入れたら上手く行きますか?

Re: 質問

HNが同名であり、URLの記載がなかったので、すっかりいつもの「なぎ」様のつもりでおりましたが、ホストが違っておりますので、もしかして別の方でしょうか?
もしそうであれば、大変、失礼致しました。
サポートには、ブログを確認させていただく必要がありますので、アドレスの明記をお願い申し上げます。

初めての方であれば、コメントの前に以下をご確認いただけるとありがたいです。
http://noveltemplate.blog26.fc2.com/blog-entry-140.html#rescoments

ややこしい名前を使ってしまってすみません。

ブログの方は個人的な私生活の日記を書くのにも使っている為、一般公開を控えたいんです。
普通にSタイプのテンプレートをお借りしているだけなので、目次(特定のカテゴリの横並び)(1)と(2)、それぞれ複数の設定の仕方をどのようにすれば良いのか、教えて頂きたいんです。
カンマやドットを入れてみても上手く行かなくて…。
勝手を言って、本当にすみません。

Re: タイトルなし

>カンマやドットを入れてみても上手く行かなくて…。

テンプレートの現状を確認しないかぎり、マニュアルで記述した以上のご返答はできません。
コメントの際の諸注意で、予め、ブログのURL明記をお願いしているのはそのためです。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←【改定版・簡単カスタマイズ】特定のカテゴリの目次にあらすじや説明・バナーなどを追加する    →novel-temp-Illust(イラストリスト付きテンプレート)

名前変換フォーム

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