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

スポンサー広告

スポンサーサイト

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

改訂前のnovel-PF.novel-PF2以外のスタイルシートには個別記事ページのデザインを変更できる二種類のスタイルが組み込まれておりました。改訂版も、スタイルシート内の(A)(B)二行を削除する事で、ダウンロード時のスタイルとは別のスタイル、レイアウトで表示できるのは同じです。
個別記事の表示をコンパクト版・ワイド版に変更する

違うのは、コンパクト版かワイド版、変更はできても、どちらか一方のスタイルでしか選択できなかった改訂以前と違って、改訂版は、一つのテンプレート内で、カテゴリ、もしくは記事によって、二種類のスタイルでの表示が可能になった事です。
ダウンロード時、改訂版のテンプレートでは、カテゴリ番号0のカテゴリ(初期設定では未分類)と、それ以外のカテゴリとは別のスタイルで表示されます。

実際の表示例 novel-R-Sepiaの場合 
未分類カテゴリの記事ページ   未分類以外のカテゴリの記事ページ

カテゴリ0以外の記事ページのスタイルを別表示にする場合はカスタマイズが必要です。

カテゴリ番号の確認


未分類以外のカテゴリを別スタイルで表示させたい場合は、カスタマイズの前に表示を変更させたいカテゴリの番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。



カスタマイズ


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


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

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

2011.5.24.現在、特定カテゴリの個別記事ページのスタイルを変更できるテンプレートのスタイルシートの冒頭、デザイン名の横には、最新のバージョンNoである(ver1107)と記述されています。今後、新たな改訂が加えられた場合には、(ver1108)(ver1109)とバージョンNoは変わっていくと思いますが、バージョンNo1107以降のスタイルシートであれば、このカスタマイズが装着されているとお考えください。

以下はnovel-R-Sepiaの例です。

スクロールして以下の部分を探します。


/* =============================================
以下は個別記事ページの本文スペースをコンパクト表示に変更する場合の設定
-- DL時はカテゴリ番号[0](初期設定では未分類カテゴリ)のみ --
未分類以外のカテゴリも全てコンパクト表示にする場合は(A)と(B)の行を削除
============================================= */

/* --- (A)コンパクト版にする場合はこの行と(B)の行を削除

~ 中略 ~

(B) ---コンパクト版にする場合はこの行と(A)の行を削除 */

/* =============================================
以下はカテゴリ番号[0]の表示設定(初期設定では未分類カテゴリ)
.en_cat0, .en2_cat00 を特定のカテゴリ番号に変更すると
そのカテゴリの記事ページのみコンパクト表示に変更できます。(0は6ヶ所あります
0親カテゴリ番号にすると子カテゴリ全てを同時に変更できます。
============================================= */

#permanent .en_cat0{
margin : 0 ; padding:0;
text-align : center ;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/lws02-2-6.jpg");
background-attachment: fixed;background-repeat : repeat; }

#permanent div.en2_cat0 {padding-left:0px;}

#permanent .en_cat0 .container {
margin : 0px auto 30px auto ; background-color:transparent;
width:95%;max-width : 800px;_width : 800px;
}
.en_cat0 .p_main-body {
width:auto;max-width : 650px;_width : 650px;
background-color:#ffffff;border:3px double #C2A858 ;
}
#permanent .en_cat0 .p_main-body h2{
margin : 5px ;padding : 10px 0px 15px 10px;
border-bottom:2px dotted #C2A858 ;border-left:none;}

#permanent .en_cat0 .layout_footer {margin : 0 auto ; width:max-width : none;auto;text-align:center;}

/* =============変更設定ここまで==================== */



赤字の部分の0を、先ほど確認した表示を変更させたいカテゴリの番号に変更します。

この時、親カテゴリ番号に変更すると、その親カテゴリに属する全ての子カテゴリの記事ページの表示も変更できます。

カテゴリではなく、特定の記事ページのスタイルを変更したい場合は、
上記の en_cat と en2_cat を en_bg に、
カテゴリ番号の 0 を 記事番号 に変更します。

二種類のスタイルでの表示は不要で、全ての記事ページを同じスタイルで表示させる場合は、上の部分を全て削除してください。

また、親子カテゴリに関係ない複数のカテゴリの表示を変更する場合は、丸ごとコピペしてカテリ番号だけを変えたものを追加するか、以下のように、クラス名を変えたセレクタ--{}の前の部分--を、間にカンマをおいて、並べて記します。
以下はカテゴリ番号0 とカテゴリ番号1、カテゴリ番号2の表示を変更する場合の例です。

#permanent .en_cat0,#permanent .en_cat1,#permanent .en_cat2{
margin : 0 ; padding:0;
text-align : center ;
background-image : url("http://blog-imgs-30.fc2.com/n/o/v/noveltemplate/lws02-2-6.jpg");
background-attachment: fixed;background-repeat : repeat; }

#permanent div.en2_cat0,#permanent div.en2_cat1,#permanent div.en2_cat2 {padding-left:0px;}

#permanent .en_cat0 .container ,#permanent .en_cat1 .container,#permanent .en_cat2 .container{
margin : 0px auto 30px auto ; background-color:transparent;
width:95%;max-width : 800px;_width : 800px;
}
.en_cat0 .p_main-body,.en_cat1 .p_main-body,.en_cat1 .p_main-body {
width:auto;max-width : 650px;_width : 650px;
background-color:#ffffff;border:3px double #C2A858 ;
}
#permanent .en_cat0 .p_main-body h2,#permanent .en_cat1 .p_main-body h2,#permanent .en_cat2 .p_main-body h2{
margin : 5px ;padding : 10px 0px 15px 10px;
border-bottom:2px dotted #C2A858 ;border-left:none;}

#permanent .en_cat0 .layout_footer ,#permanent .en_cat1 .layout_footer ,#permanent .en_cat2 .layout_footer {margin : 0 auto ; width:max-width : none;auto;text-align:center;}



但し、上の場合、ドット一つ、カンマ一つ抜けても、また、半角スペースを全角スペースにしたり、抜けたり増えたりしても、カスタマイズが反映されなくなります。作業としては単純ですが、ご注意ください。

更新 】 をクリックする。






関連記事
スポンサーサイト
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]
関連カスタマイズ記事一覧 カスタマイズの難易度4 
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←ページナビで表示させるページ番号数を変更する    →小説本文(個別記事)ページで特定のカテゴリOR作品(カテゴリ)ごとに違うバナーや定型文を表示させる

名前変換フォーム

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