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

スポンサー広告

スポンサーサイト

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

表紙メニューに並ぶ作品タイトルの文字色・背景色を変えられないかとご質問を頂戴しました。

表紙にNovel Listの、各話タイトルが並ぶのですが、
あのタイトル文字の色、もしくはタイトルの背景の色を、シリーズごとに分けられたら最高だなあ・・・と思うのです。



2010.8.8.追記 ver1103以降の改訂版であれば可能なカスタマイズです。

カテゴリの番号の確認


最初に文字色や背景色を変更したい作品のカテゴリ番号を確認しておきます。
カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。


カスタマイズ


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


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

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

変更したいカテゴリ番号で設定したクラス名でリンクを指定し、それらをスタイルシートの末尾に追加します。
その際、文字色や背景色を変更する作品(カテゴリ)が親子カテゴリ設定をしているか、していないか、またしている場合は親カテゴリか、子カテゴリかによって(見出しの)クラス名(<h4><h5><h6>)は違うので注意します。

クラス名の設定



親子カテゴリ設定をしている場合の親カテゴリ
もしくは親子カテゴリ設定をしていないカテゴリ(作品タイトル)の文字色や背景色を変更する場合
.side_menu h4.hidden_menuカテゴリ番号

総目次の文字色や背景色を変更する場合
.side_menu h5.hidden_menuカテゴリ番号

親子カテゴリ設定をしている子カテゴリ(章タイトル)の文字色や背景色を変更する場合
.side_menu h6.hidden_menuカテゴリ番号

リンクの指定


以下はカテゴリ番号1親カテゴリ(作品タイトル)を変更する場合の例です。

/*未訪問のリンク*/
.side_menu h4.hidden_menu1 a:link { color: #ffffff;/*文字色(白)*/background-color: #000000;/*背景色(黒)*/ }

/*訪問済みのリンク*/
.side_menu h4.hidden_menu1 a:visited { color: #ffffff;/*文字色(白)*/background-color: #000000;/*背景色(黒)*/ }

/*ポイント時のリンク*/
.side_menu h4.hidden_menu1 a:hover { color: #000000;/*文字色(黒)*/background-color: #ffffff;/*背景色(白)*/ }

/*選択中のリンク*/
.side_menu h4.hidden_menu1 a:active { color: #000000;/*文字色(黒)*/background-color: #ffffff;/*背景色(白)*/ }



更新 】 をクリックする。


注意!記述する時はクラス名の前のドットや半角スペースを忘れずに!
.side_menu h4.hidden_menu1 a:link

リンク指定の詳細については以下のサイト様の解説をご参照ください。

「初心者でもできる簡単FC2ブログの作り方」
文字・リンクの色を変えたい!

「TAG<index>」
リンク
関連記事
スポンサーサイト


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の親カテゴリ(作品タイトル)を変更する場合の例】を丸ごと、スタイルシートの最後にコピペしてみたのですが、カテゴリ1に変化は見られませんでした。

貼りつける場所が違うのでしょうか。
それとも、私の使うテンプレは様式が違うのでしょうか。
(novel-template-blueです)
何度も申し訳ないです。
急ぎませんので、宜しくお願いいたします。

Re: 度々すみません。

申し遅れましたことお許しください。
このカスタマイズは改訂済みのテンプレートにのみ有効な方法です。
御利用のテンプレートは改訂以前のものですので、
申しわけありませんが、最新版を再DLなさってから、お試しください。

NoTitle

そうだったんですね。
それで納得できました。
最新のテンプレ・・・。
今のデザインが気に入っているので、もう少し悩んでみます・・^^。

どうも有難うございました♪

Re: NoTitle

言葉が足りなくて申しわけありません。
もしかして誤解があるかもしれませんが、最新版とは新作テンプレのことではなく、
旧作テンプレートもこの機能に関しては、全て改訂済みですので、
現在御利用中のテンプレートと同じテンプレートを再度DLしてお試しくださいという意味です。
機能はバージョンアップされておりますが、デザインは以前と同じですのでご安心ください。
  • #1055 Novelテンプレート管理人 
  • URL 
  • 2011.08/09 09:34 
  •  ▲EntryTop 

NoTitle

お世話になっています。
以前、上記の件でご相談したlimeです。

おかげさまで、最新版をダウンロードして、目次のカラー設定をすることができました。(最新版は、いろいろ優れモノですね)

ところが、Macでは色が変更されて見えるのに、winでは、変化がありませんでした。これはブラウザの問題でしょうか。
ちなみに、Macはネットスケープ、winはエクスプローラーです。

現在、(雑記)の目次のみ、カラー変更をしてみたのですが・・・。

To.lime様



リンク設定はlink 、visited、hover、active の順で同時指定が基本ですが、lime様はa:linkしかスタイルシートに記載(追加)しておられませんので、おそらくそれが原因だと思われます。

カスタマイズがうまくいかない場合、まずは御自分の施したカスタマイズに、自己流のアレンジや省略がないかご確認ください。

また、リンク設定はWebのカスタマイズの基本ですから、様々なハウツー系サイトで詳しく説明されいます。
そちらの解説なども、ご参照ください。
  • #1115 Novelテンプレート管理人 
  • URL 
  • 2011.12/15 02:11 
  •  ▲EntryTop 

ありがとうございました

ああ、そういうことだったのですね。
基本が分かってなかったようです。
お手数をおかけしまして、申し訳ありません。
また、チャレンジしてみます^^

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

名前変換フォーム

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