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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←特定の記事の背景を変更するカスタマイズ記事を大幅に改訂致しました! →今年一年ありがとうございました。
 
上記の広告は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
   
 

「テンプレートマニュアル」
目次ページ

特定のカテゴリの目次ページのカスタマイズ(7)【novel-PF・novel-R タイプ以外】特定のカテゴリの目次の背景画像を変更する

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度5 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←特定の記事の背景を変更するカスタマイズ記事を大幅に改訂致しました! →今年一年ありがとうございました。
 
hosi5.gifカスタマイズの難易度5

tiyuumoku-ani02.gif2010.8.5.Novelテンプレートの利用規約を改定し、衣替え以外の背景画像の変更は原則不可とさせていただきました。以下にご紹介したカスタマイズで、画像を変更してご利用の場合は、管理人の課した条件を満たすことが必要です。
詳しくは コチラ背景画像を変更してのご利用をご希望の場合 


osirase-ani02.gif2010.7.1.追記
改訂版のテンプレートのHTMLには、予め特定カテゴリ背景変更のためのカスタマイズが施されていますので、背景の変更が以前より簡単になりました。
詳しくは 【改定版 簡単カスタマイズ】特定のカテゴリの目次の背景画像を変更する



以下は改訂前の記事ですので折りたたんであります。
一応読んでみる方はここをクリックしてください▼

特定のカテゴリの目次ページのカスタマイズ

1)特定のカテゴリの目次に説明などを追加
2)記事タイトルが通し番号のカテゴリの目次を横並びで表示する
3)アルバムのように画像を一覧表示する
4)カタログのように飾り枠付きの画像と説明文を添えて表示する
5)【novel-PF タイプ】特定のカテゴリの目次の背景画像を変更する
6)【novel-R タイプ】特定のカテゴリの目次の背景画像を変更する
7)【novel-PF・novel-R タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更する


novel-PFタイプやnovel-Rタイプの目次ページは背景が全面表示されており、カテゴリ別に背景を変更するカスタマイズが割りと簡単かつ、効果的なので例に挙げてご説明いたしました。

それ以外のテンプレートの場合も、「特定の個別記事ページの背景を変更する」でご紹介した方法で、記事番号<%pno>カテゴリ番号<%cno>に変更すれば、少なくともカラム外側の背景だけは簡単に変更できます。

但し、novel-PF・novel-Rタイプ以外のテンプレートの場合、カラムの外側の背景を変更しただけではさほど効果的とは申せません。けれども、カラムの内側の背景を変更する場合は、変更箇所、変更内容、またテンプレートによって微妙に異なる複雑なカスタマイズが必要となります。残念ながら、それぞれのテンプレートのそれぞれのケースを、初心者の方がご理解いただけるように一つ一つ解説してゆく余裕は管理人にはございません。よって、ここでは少なくとも、カテゴリ別の設定以外であれば、どこをどのようにカスタマイズすれば目次ページの背景を変更できるか既にご理解なさっている方、ある程度のHTMLとスタイルシートの知識がおありの方向けに、その概要だけを簡単にご説明させていただきますのでご了承ください。
ご存知の通り、ここカスタマイズは「FC2ブログテンプレート工房」のいたお様に教えていただいたカスタマイズです。「カテゴリ別フリーエリアの表示
より後の方に記述されたセレクタ (スタイルを適用させる対象)のスタイルの指定が優先されるという特性を使って、第二のクラス名を設定することで特定のカテゴリの表示を変更させています。手順は以下の通りです。

  • HTMLの中から全ページ共通部分<!--category_area-->~<!--/category_area-->で囲まれた部分にあるセレクタ(主にブロック要素)が、スタイルシートでどのように設定されているかチェックし、変更が必要なセレクタ(ブロック)のクラス名を割り出します。(クラス名の前に#categoryの記載がある場合もあります。)

  • 次に、HTMLの中で、そのセレクタ(ブロック)のクラス名に半角スペースをあけて、カテゴリ番号<%cno> を含む第二のクラス名を追加します。

  • 最後に、その第二のクラス名の <%cno> 部分を表示を変更するカテゴリ番号に変え、スタイルシートに追加します。


カラムブロックの<div id="container">のように、HTMLでID指定している箇所の背景を変更する場合は、ID指定クラス名指定に変更した上で第二のクラス名を設定します。その際、忘れずに、スタイルシートのID指定していた箇所も(第一の)クラス名に変更します。但し、競合しているセレクタがあり、優先させるためにID指定をしている箇所(例 <h2 id="entry">)や、リンクのためのアンカーを兼ねている場合はIDを解除するとデザインその他に不具合が生じますのでご注意ください。
競合する箇所の優先順位を変更する場合は!importantなどで工夫してみてください。
詳しくはコチラ<TAG Index>スタイルの優先順位

個々のテンプレートのデザイン変更についてのサポートはできかねますので、それに関するご質問等はご遠慮ください。



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

名前変換フォーム

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