表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。このページは、他のカテゴリの目次ページとは背景を変更して表示しています。このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。テンプレートこのページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。カスタマイズの難易度5この作品は夢小説のサンプルですのでJavaScriptをオンにして、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!カスタマイズの難易度52010.8.5.Novelテンプレートの利用規約を改定し、衣替え以外の背景画像の変更は原則不可とさせていただきました。以下にご紹介したカスタマイズで、画像を変更してご利用の場合は、管理人の課した条件を満たすことが必要です。改訂版のテンプレートのHTMLには、予め特定カテゴリ背景変更のためのカスタマイズが施されていますので、背景の変更が以前より簡単になりました。簡単カスタマイズ】特定のカテゴリの目次の背景画像を変更する以下は改訂前の記事ですので折りたたんであります。タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更するテンプレート別に、特定のカテゴリの背景を変更するカスタマイズをご紹介します。場合まずはどういう風になるのかサンプルの目次をごらんください。サンプルまずはどういう風になるのかサンプルの目次をごらんください。サンプルこのカスタマイズは、HTMLの中で背景を指定している要素やブロックに、カテゴリ番号を示す変数<%cno>を含めた第二のクラス名を追加し、スタイルシートでは、その<%cno>を背景を変更するカテゴリの番号に変えた上で、変更内容を指定するものです。ここでは、どうすればカテゴリ別に目次ページの背景を設定できるかについては解説させていただきますが、表示させる背景画像の位置・並べ方など具体的な表示設定の説明は省略させていただきます。実際に背景画像を変更する場合は、ある程度のHTMLとスタイルシートの知識が必要になりますが、それらについては、HP作成支援サイトさま、ハウツー系サイトさまなどをご参考にご自力でお願いいたします。個人的なデザイン変更のためのサポートは出来かねますので、それらに関するご質問・お問い合わせはご遠慮ください。TAG<Index>さまの解説ページ背景画像の表示位置を指定する背景画像の並び方を指定するカテゴリの番号の確認テンプレートのカスタマイズに取り掛かる前に、表示を変更したいカテゴリのカテゴリ番号を確認しておきます。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんふうに上から順番に並んでいます。最初に、[HTML編集]部分をカスタマイズします。以下はカテゴリ番号1の目次ページだけを、他のカテゴリの目次ページとは違う背景にする場合です。HTMLをスクロールしていき、赤字の部分を追加します。間には半角スペースを入れるのをお忘れなく!次に、[スタイルシートの編集]部分をカスタマイズします。スタイルシートに以下の内容を追加します。どこでもよいのですが、わかりやすいように、スタイルシートの最後部分に一行空けて追加するとよいでしょう。青の大文字の数字は背景を設定するカテゴリ番号をいれ、赤字の部分に背景とする画像のアドレスを入れます。;}上の例は全面に繰り返し表示した場合です。背景画像はその並び方・位置などによって記述の仕方は違いますので、詳しくはHP作成支援サイトさまなどでご確認ください。背景画像にあわせて文字色も変更する上は背景画像だけを変更した例ですが、背景色が白のページを黒背景に変更した場合などは、上のカスタマイズに加えて表示されている記事タイトルなどの文字色も変更する必要があります。以下はカテゴリ番号2の「銀河鉄道の夜」を変更した黒背景にあわせて、作品タイトル、目次見出し、記事タイトルの文字色(リンク色)を変更した場合です。(実際のページに表示されている汽車の画像などは以下に含まれません)[HTML編集]部分のカスタマイズ。HTMLをスクロールして以下の箇所を探し、赤字の部分を追加します。縦ならび目次(一話ごとにサブタイトルをつける場合)▲-->[スタイルシートの編集]部分のカスタマイズ。スタイルシートに追加した内容。赤の数字は背景を設定するカテゴリ番号です。ご注意!サポートはしない方針ですが一つだけ。背景に設定する画像が、タイル(敷き詰め)や部分固定ではなく、大きな一枚画像を用いる場合は、解析度の違いによる表示のずれにご注意ください。ご自分のパソコンでは問題なく表示されているように見えても、解析度の違う画面では、画像の位置が著しくずれて表示されている場合が多々あります。一枚画像を背景に使われる場合は、解析度の違いによる表示を以下の方法でご確認なさることをおススメします。こちらのサイトさんのテンプレートを使わせていただいています。テンプレートセピアを使っているのですが、目次の背景を変えたいと思い、ここを参考に試行錯誤したのですが、どうしても上手くいきません。セピア用の背景変更の御指南をしていただけないでしょうか。:礼様DLとコメントありがとうございました。申し上げませんが、上の記事や利用規約で繰り返し述べておりますように、カスタマイズはご自力でできる範囲でお願いしております。個々のテンプレートのカスタマイズを一つ一つ解説していくことは出来かねます。例外をつくってしまえば、他の方からも、別のテンプレートの場合を解説して欲しいというご要望が寄せられるのは目に見えておりますのでご理解ください。(二伸)ご参考になるかどうかわかりませんが、novel-PF・novel-Rタイプ以外のテンプレートをカスタマイズする場合の、概要だけですが、解説記事をアップしました。10:50▲EntryTopカスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。非公開コメント投稿可能です。Template名前変換フォームJavaScriptがOFFのため、変換できません。byブログで夢小説!ユメミル?JavaScriptをオンにするとここに目次が表示されます。