説明の文字の色の変え方を教えて頂けないでしょうか?すごく初歩的な質問だったらごめんなさい(汗)ちなみに、テンプレートはnovel-temp-pumpkinを使わせて頂いております。すごく初歩的な質問かもしれませんが...記事にも追記しておきました、表示設定を変更する場合にはこちらの記事をご参考にどうぞ「文字のカスタマイズ(フォントサイズ・色・行間・左右の余白の変更)」http://noveltemplate.blog26.fc2.com/blog-entry-88.html(ご面倒な場合には、表示させる文面を記事の編集画面で作成し、その時、パレットをつかって文字色も変更しておくとよいと思います。▲To:シークレットK様(もしくはB様)DLとコメントありがとうございます。していたせいで、お返事が遅れた事、お許しください。~</b><br>を追加した内容の下に追加する。レイアウトが崩れてしまいます。それを主様の方法でやってしまうとレイアウトが崩れてしまいます。Bの場所にカテゴリの説明を入れてもレイアウトが崩れることがないです。ご指摘の通り、あのカスタマイズ記事は、novel-10-monoとchinaには適用するものの、カラムを画像で囲んでいるblackではレイアウトが崩れてしまいました。本当に申し訳ありませんでした。<m(__)m>blackでの確認を怠っていた管理人のミスです。管理人の至らなさのせいで、ご迷惑おかけしてしまって、にもかかわらず、ご自力でカスタマイズを完了させられたとのこと、すばらしいです。novel-10タイプ、特にnovel-10-blackは、同じnovel-10タイプとはいえ、個々のテンプレートによって、ページごとのデザインが大きく違うため、ちょっと込み入ったカスタマイズになると、コピペ用のソースのサンプルを一つ二つ提示して、それだけでご説明するのは無理がありました。(カスタマイズの理屈ではなく、コピペソースでしかご紹介していない拙宅はこういうときツライ)とは申せ、個々のテンプレートごとにカスタマイズ記事を書くのは、もっと無理があるので、今後は、需要が高いカスタマイズに関しては、HTMLの中に、直接カスタマイズする個所や方法を記した説明を追加してゆく予定です。実は、novel-10,novel-Wタイプ以外のテンプレートは、既にその状態で改訂済みです。そのためもあって、ここ2~3カ月は、テンプレートのタイプごとに、HTMLを統一する改訂作業に取り組んでいたのですが、比較的作業のしやすい、そして同じタイプのテンプレートが多いものから手をつけていたもので、数も少なく、デザイン的にHTMLを統一することが難しいnovel-10タイプは、改訂やチェックがどうしても後回しになっておりました。管理人がもたもたしていたせいで、ご迷惑をおかけいたしました。カスタマイズ記事の不具合をご報告くださり、ありがとうございました!コメントを頂戴したおかげで、今まで、なんとなく、先延ばしにしていた、novel-10タイプの改訂作業も、やらねば!という気持ちにさせていただきました。本当にありがとうございました。▲To:ドキン様コメントありがとうございます。拙作テンプレのうち、画像アリのテンプレートに関しては、素材をお借りしているサイト様の利用規約に抵触する怖れがあるため、アダルトジャンルブログに公開することができません。(現在、アダルトジャンルブログで小説を公開している方のために、画像なしのテンプレートを数点公開しておりますが、画像なし想なしですので、おそらくドキン様の好まれるようなテンプレートではないかと存じます。)なにより、管理人の興味と関心は、HPへ擬態したブログ小説用テンプレートの作成にありますので、それとは方向性の異なる3カラムテンプレートには、今のところ食指が動きません。拙作をお気に召していただき、コメントまで頂戴しながら、まことに恐縮ですが、上の理由から、ご要望にお応えする事が出来ないことをお許しください。▲お世話になっていますnovel-template-blueを使わせていただいています。カテゴリー1に、バナー(アルファポリスのランキング)を置きたいと思い、説明通りにタグを置いてみたのですが,反映されないようです。このタイプでは、やり方が違うのでしょうか。改訂版のテンプレートのHTMLには、予め特定カテゴリの目次を横並びで表示する場合のソースが埋め込まれていますので、以下で説明している方法に比べてカスタマイズが容易になりました。以下は改訂前の記事ですので折りたたんであります。タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更する以下は特定のカテゴリの目次ページだけを、横並び目次に変える場合のカスタマイズです。横並び目次に変える」をご参照ください。記事タイトルが通し番号のもくじだけを横並びで表示するカスタマイズNovelテンプレートにはあらかじめ、横並びに変更する場合のソースが埋め込まれていますので、初期設定では非表示になっているそれらを、カテゴリ番号をいれたクラス名のブロックで囲んで、その番号のカテゴリの時だけ表示させます。テンプレートをカスタマイズする前に表示を変更させるカテゴリのカテゴリ番号を確認します。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんふうに上から順番に並んでいます。[HTML編集]部分をカスタマイズします。<head>部分HTMLの冒頭、二三行目あたりに<head>というタグがあると思います。そこから</head>までの間のどこでもよいので以下の内容を追加します。.hidden_catの後の数字は、最初に確認した、このカスタマイズをして表示を変更させるカテゴリの番号をいれます。「坊ちゃん」の例です。}--></style>どこに追加してよいか迷う方は</head>の真上あたりにでも。-->カテゴリエリアのカスタマイズ次にHTMLをスクロールしていき、<!--category_area-->~<!--/category_area-->の箇所探します。テンプレートによってクラス名が違っていたりと微妙に違う場合がありますが、大体以下のような内容になっていると思います。縦ならび目次(一話ごとにサブタイトルをつける場合)▲--></div><!--DL時は上タイプ1縦並び目次仕様ですが、下のタイプに変更することもできます。半角数字番号タイトルが12話以内であればこちらもおススメ。</li></ul></p><!--/category_area--><!--△作品目次(カテゴリ)ページ△-->横ならび目次のソースはタイプ2とタイプ3の二種類埋め込まれています。今回はタイプ3で表示させるため、タイプ3のソースを、カテゴリ番号をクラス名に入れたブロックで囲みます。suji4">~</div>初期設定ではコメントタグの中にあるため非表示なので、コメントタグを閉じる青の部分も忘れずに追加します。class="hidden_cat<%cno>">~</div>でタイプ1のもくじのソースを囲みます。横並び目次に変える」のカスタマイズを既に施してあり、特定のカテゴリだけを横並びではなく縦並びの目次にする場合はこのカスタマイズの反対を行えばよいわけです。class="hidden_cat<%cno>">~</div>で囲む部分を以下のように、上の例とは反対にすれば、カテゴリ番号4の目次ページだけが縦並びで表示され、それ以外のカテゴリ番号の目次は横並びで表示されます。半角数字番号タイトルが12話以内であればこちらもおススメ。List)付きテンプレートを作成致しました。特定のカテゴリの目次で画像を一覧させる」をご覧ください。以下は改訂前の記事ですので折りたたんであります。サンプルカテゴリの目次をアルバムのように画像が一覧できるスタイルにするこのカスタマイズは、画像がメインのサイト様向きに作成された、ある共有テンプレートの作者さまのアイディアのおかげで実現致しました。作者さまのご厚意で、そのカスタマイズの方法をご紹介させていただく御許しを戴きました。どりーみー様、ありがとうございます!これからご紹介するのは拙作テンプレートの特定のカテゴリの目次ページだけをアルバム風をカスタマイズする方法ですが、画像関連のカテゴリの方が、テキスト系のカテゴリより多いサイトさまの場合には、カテゴリページ以外もサムネイル画像が一覧できる、どりーみー様の写真・イラストサイト様向けのテンプレートが超おススメです。コチラどりーみー様のテンプレートもそうですが、画像一覧ページにきれいにサムネイル画像をアルバムのように並べるためには、画像の投稿の仕方に一工夫必要です。画像の前に文章があると、一覧に画像が表示されなかったり、されてもバランスよく表示されません。このレイアウトを生かすためにには、画像を記事本文部分の冒頭にアップさせる必要があります。記事本文部分冒頭に画像をアップしましょう(但し、カスタマイズ次第では追記部分冒頭でもOKです)投稿画像のイメージタグに、幅と高さの指定がある場合は削除します。/>画像に表示サイズが指定されていると、サムネイル画像の縮小がうまくいかなくなるようです。表示される画像は縮小されていますが、画像の重さは原形サイズと同じです。表示画像のバイト数総計、ネット環境によっては、ページの表示が重くなることもありますので、ご了承ください。カテゴリの番号の確認テンプレートのカスタマイズに取り掛かる前に、表示を変更したいカテゴリのカテゴリ番号を確認しておきます。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんふうに上から順番に並んでいます。HTMLのカスタマイズ最初に、[HTML編集]部分をカスタマイズします。以下はこのブログの場合では、カテゴリ番号23「画像のためのカテゴリ」の目次ページをカスタマイズする例です。<head>部分のカスタマイズHTMLの冒頭、二三行目あたりに<head>というタグがあると思います。そこから</head>までの間のどこでもよいので以下の内容を追加します。カテゴリエリアのカスタマイズ次にHTMLをスクロールしていき、<!--category_area-->~<!--/category_area-->の箇所探し、赤字の部分を追加します。縦ならび目次(一話ごとにサブタイトルをつける場合)▲--></div><!--DL時は上タイプ?縦並び目次仕様ですが、下のタイプに変更することもできます。</li></ul></p><!--/category_area--><!--△作品目次(カテゴリ)ページ△-->大文字の数字は、目次ページをこの表示にカスタマイズにするカテゴリのカテゴリ番号をいれます。上は、記事本文の冒頭にアップされた画像を一覧にして並ぺる場合ですが、記事本文ではなく、追記部分の冒頭にアップさせた画像を表示させる場合は、<%topentry_body>を<%topentry_more>に変更しますnovel-10-gray以外以外のnovel-10タイプのテンプレートでこのカスタマイズをする場合は、以下の記事をご参考に、左カラムの画像を削除してください。スタイルシートLのカスタマイズ次に、[スタイルシートの編集]部分をカスタマイズします。スタイルシートに以下の内容を追加します。どこでもよいのですが、わかりやすいように、スタイルシートの最後部分に一行空けて追加するとよいでしょう。10Close▼サムネイル画像についていつもお世話になっています。今回はイラストページの目次のカスタマイズに挑戦してみました。無事にイラスト画像を並べることが出来たのですが、サムネイル画像で表示するには投稿の段階でサムネイル画像も同時に作成しておかなければならないんでしょうか?それとも画像の縮小(画像サイズの指定)をこのカスタマイズでしてもらえるんでしょうか?今はイラストの左側一部が表示されている状態ですので、教えていただけたらと思うのですが。サムネイル画像についてコメントありがとうございます。>サムネイル画像で表示するには投稿の段階でサムネイル画像も同時に作成しておかなければならないんでしょうか?いいえ、必要ありません。>それとも画像の縮小(画像サイズの指定)をこのカスタマイズでしてもらえるんでしょうか?はい、当該ページ(ミスティさまの場合イラストの目次ページ)の画像は、自動的に縮小表示されるはずなのです。ブログを拝見させていただきましたが、HTML部分は誤りがないようですから、問題はスタイルシート部分のカスタマイズにあるのではないかと思います。画像の左隅部分だけが表示されているということは、画像の縮小指定が抜けているのではないかと思われます。スタイルシートの記述内容を再度ご確認ください。表示される画像のサイズを指定した以下の記述に誤りがないかご確認ください。▲スタイルシートのカスタマイズについて早速のお返事ありがとうございます。実は自分で打ち込むと間違うのではないかと思い、最近は記事をコピペさせていただいてます。スタイルシートには上記の記事をそのままコピペしてスタイルシートの一番下に貼りつけさせていただきました。画像サイズの記述にも間違いがないようです。あと、考えられる問題はなんでしょうか?いつもお手数をおかけして申し訳ありませんがよろしくお願いいたします。全角のスペースが紛れ込むと、設定が反映されなくなるようです。文字列の前後に入れたスペースが、半角ではなく、全角のスペースだったりすると、記載内容に間違いがなくとも、それらが全て無効になってしまうようです。管理人自身も以前はその重大性に気づかずそれにさほど留意せずにスタイルシートを書いておりましたし、気づいた今も、全角スペースと半角スペースを視覚的に区別するのは難しいため、チェックもままなりません。本当に申しわけない事ですが、コピペ元の管理人の記事のソース自体に余計な全角スペースが紛れ込んでいた...という可能性も大であります。試しに、反映されていない、画像部分のスタイルシートを、コメントも含めて半角も全角もスペースなしに記述し直してお験しいただけますか?(改行はOKです。▲スタイルシートのカスタマイズについて2スペースなしを試してみたり、上記の記事を入力し直してみたりしたのですが、全角スペースの個所は見つかりませんでした。それが原因ではないような気がします。img{の個所のスペース(uとiの間)をなくすと、画像の映る範囲がなおさら少なくなってしまいました。反映されていない、画像部分のスタイルシートというのはこの記事の部分のことですか?それともスタイルシート全体の中にあるのですか?お手数をおかけしてすみません。応急処置ができました本式ではないのですが(歪んでいる画像もあるので)下記のようにwidh:130px;tを追加することでサムネイルのようになりました。これでいこうと思います。正式なやり方があったらまた教えて下さい。img{background-color:#fff;widh:130px;theight:130px;overflow:hidden;}ありがとうございました。横からコメント失礼します。>全角スペースと半角スペースを視覚的に区別するのは難しいため、チェックもままなりません。これなんですが、エディタによっては、全角スペースに印がついて、容易に判別出来るものがあるんです。ブログの管理画面、データのバックアップのページで紹介されている「サクラエディタ」は、全角スペースに薄い色の四角が表示されるので、とても判り易いです。他のエディタでも、そういう機能のあるものがあるんじゃないかなと思います。(私が使っているのがサクラエディタなので、他はちょっとわかりませんが......。WindowsMobile用なら、「jot」や「PocketHpte」も全角半角ともにスペースが色分けされてますよv)私も、メモ帳時代は、全角スペースに良く泣かされました。最後は検索機能使って、全角スペースを抽出してみたり。ミスティ様お返事果てしなく遅くなり御許しください<m(__)m>そして、自力でのご解決、お見事です。管理人のスキルではその原因も対処法も思いつかなかったでしょう。力不足で、申しわけありません。画像を一覧表示させるカスタマイズは、皆様ご苦労なさっているご様子ですので、いずれ、テンプレートのタイプ別に、画像表示用、イラスト展示用のページを特設したHTMLを公開する予定でおります。本格的?な解決は、できれば、それを待っていただけたらと存じます。お返事、かくも遅くなり、ご無礼平に平に御許しください。*Editカスタマイズの難易度4まずはどういう風になるのかサンプルの目次をごらんください。サンプル以前、NovelListに画像も表示させるカスタマイズとして、追記部分にリストのための小さめの画像と説明を追加する方法をご説明しましたが、こと、画像のある記事に、説明文をつけて作成するのであれば、これからご紹介するカスタマイズの方がはるかに簡単です。このカスタマイズはどりーみー様のアイディアをお借りしました。本当にスマートですばらしいカスタマイズです!どりーみー様ありがとうございます。(どりーみー様は画像メインのサイト様にぴったりの、実に個性的かつ機能的なテンプレートを数多く公開なさっておられますので、イラストサイトさま、写真サイトさまにはおススメです。List)付きテンプレートを作成致しました。特定のカテゴリの目次で画像を一覧させる」をご覧ください。以下は改訂前の記事ですので折りたたんであります。タイプ以外のテンプレート】特定のカテゴリの目次の背景画像を変更する今回はカテゴリエリア、つまり目次ページのカスタマイズですが、この方法は他のエリアのページ、もちろんタグエリアのNovelListの表示にも応用ができます。この方法(レイアウト)でNovelListを表示するカスタマイズについてもいずれご紹介させていただきます。NovelListに画像を添えて紹介する飾り枠をつけた画像と説明文を添えて、目次をカタログのように、あるいは作中キャラの紹介ページのように表示させるこのカスタマイズは、画像を記事本文、もしくは追記部分の冒頭にアップさせる必要があります。画像の前に文章があると、画像が表示されなかったり、されても画像の位置がずれて表示されてしまいます。(画像がない場合は、記事本文に記された文章が、背景色と同じ白で表示されます。)必ず記事本文、もしくは追記の冒頭に画像をアップします投稿画像のイメージタグに、幅と高さの指定がある場合は削除します。/>数値を指定すると、サムネイル画像がきれいに表示されない事が多々あります。表示される画像は縮小されていますが、画像の重さは原形サイズと同じです。表示画像のバイト数総計、ネット環境によっては、ページの表示が重くなることもありますので、ご了承ください。カテゴリの番号の確認テンプレートのカスタマイズに取り掛かる前に、表示を変更したいカテゴリのカテゴリ番号を確認しておきます。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんふうに上から順番に並んでいます。HTMLのカスタマイズ最初に、[HTML編集]部分をカスタマイズします。以下はこのブログの場合では、カテゴリ番号24「画像のためのカテゴリ」の目次ページをカスタマイズする例です。<head>部分のカスタマイズHTMLの冒頭、二三行目あたりに<head>というタグがあると思います。そこから</head>までの間のどこでもよいので以下の内容を追加します。カテゴリエリアのカスタマイズ次にHTMLをスクロールしていき、<!--category_area-->~<!--/category_area-->の箇所探し、赤字の部分を追加します。他のカテゴリ番号の目次ページのカスタマイズで変更(追加)済みの箇所については、それが有効ですから二重に記載する必要はありません。縦ならび目次(一話ごとにサブタイトルをつける場合)▲--></div><!--DL時は上タイプ?縦並び目次仕様ですが、下のタイプに変更することもできます。</li></ul></p><!--/category_area--><!--△作品目次(カテゴリ)ページ△-->大文字の数字は、目次ページをこの表示にカスタマイズにするカテゴリのカテゴリ番号をいれます。上は、記事本文の冒頭にアップされた画像を一覧にして並ぺる場合ですが、記事本文ではなく、追記部分の冒頭にアップさせた画像を表示させる場合は、<%topentry_body>を<%topentry_more>に変更します画像を囲む飾り枠は唐草模様のラインの画像をおいてあるだけです。(紫色のイメージタグの部分)必要に応じて、違う画像に変更もしくは削除してください。novel-10-gray以外以外のnovel-10タイプのテンプレートでこのカスタマイズをする場合は、以下の記事をご参考に、左カラムの画像を削除してください。スタイルシートのカスタマイズ次に、[スタイルシートの編集]部分をカスタマイズします。スタイルシートに以下の内容を追加します。どこでもよいのですが、わかりやすいように、スタイルシートの最後部分に一行空けて追加するとよいでしょう。*Editカスタマイズの難易度4改訂前のnovel-PF.novel-PF2以外のスタイルシートには個別記事ページのデザインを変更できる二種類のスタイルが組み込まれておりました。改訂版も、スタイルシート内の(A)(B)二行を削除する事で、ダウンロード時のスタイルとは別のスタイル、レイアウトで表示できるのは同じです。個別記事の表示をコンパクト版・ワイド版に変更する違うのは、コンパクト版かワイド版、変更はできても、どちらか一方のスタイルでしか選択できなかった改訂以前と違って、改訂版は、一つのテンプレート内で、カテゴリ、もしくは記事によって、二種類のスタイルでの表示が可能になった事です。ダウンロード時、改訂版のテンプレートでは、カテゴリ番号0のカテゴリ(初期設定では未分類)と、それ以外のカテゴリとは別のスタイルで表示されます。未分類以外のカテゴリの記事ページカテゴリ0以外の記事ページのスタイルを別表示にする場合はカスタマイズが必要です。未分類以外のカテゴリを別スタイルで表示させたい場合は、カスタマイズの前に表示を変更させたいカテゴリの番号を確認しておきます。クリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html〇〇がそのカテゴリのカテゴリ番号です。こんなふうに上から順番に並んでいます。[スタイルシート編集]部分をカスタマイズします。2011.5.24.現在、特定カテゴリの個別記事ページのスタイルを変更できるテンプレートのスタイルシートの冒頭、デザイン名の横には、最新のバージョンNoである(ver1107)と記述されています。今後、新たな改訂が加えられた場合には、(ver1108)(ver1109)とバージョンNoは変わっていくと思いますが、バージョンNo1107以降のスタイルシートであれば、このカスタマイズが装着されているとお考えください。以下はnovel-R-Sepiaの例です。スクロールして以下の部分を探します。特定のカテゴリ番号に変更するとそのカテゴリの記事ページのみコンパクト表示に変更できます。(0は6ヶ所あります)0を親カテゴリ番号にすると子カテゴリ全てを同時に変更できます。*/赤字の部分の0を、先ほど確認した表示を変更させたいカテゴリの番号に変更します。この時、親カテゴリ番号に変更すると、その親カテゴリに属する全ての子カテゴリの記事ページの表示も変更できます。二種類のスタイルでの表示は不要で、全ての記事ページを同じスタイルで表示させる場合は、上の部分を全て削除してください。親子カテゴリに関係ない複数のカテゴリの表示を変更する場合は、丸ごとコピペしてカテリ番号だけを変えたものを追加するか、以下のように、クラス名を変えたセレクタ--{}の前の部分--を、間にカンマをおいて、並べて記します。カテゴリ番号1、カテゴリ番号2の表示を変更する場合の例です。none;auto;text-align:center;}但し、上の場合、ドット一つ、カンマ一つ抜けても、また、半角スペースを全角スペースにしたり、抜けたり増えたりしても、カスタマイズが反映されなくなります。作業としては単純ですが、ご注意ください。