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

スポンサー広告

スポンサーサイト

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

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

特定のカテゴリの目次ページのカスタマイズ (1)特定のカテゴリの目次に説明などを追加する

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度4 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←目次ページを作品(カテゴリ)ごとに自由にカスタマイズできるようになりました! →特定のカテゴリの目次ページのカスタマイズ (2)記事タイトルが通し番号のカテゴリの目次を横並びで表示する
 
カスタマイズの難易度4 カスタマイズの難易度4

osirase-ani02.gif2010.7.1.追記改訂版のテンプレートのHTMLには、予め特定カテゴリに説明などを追加する場合のソースが埋め込まれていますので、以下で説明している方法に比べてカスタマイズが容易になりました。
詳しくは 【改定版・簡単カスタマイズ】特定のカテゴリの目次に説明などを追加する





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

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

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



特定のカテゴリの目次ページだけに、そのカテゴリ固有の説明を表示させることができます特定のカテゴリの目次ページに、そのカテゴリ固有の説明を追加した場合サンプル

以下はそのカスタマイズのご紹介ですが、特定のカテゴリだけではなく、全ての目次ページに、同じ内容の説明を表示させる場合のカスタマイズについては目次ページに表示させたい内容を追加するコチラ

1.表示させる内容の準備


テンプレートをカスタマイズする前に、どのカテゴリの目次ページに表示させるか、そのカテゴリの番号を確認しておき、表示させるコンテンツなども用意しておきます。

1-(1) カテゴリの番号の確認


カテゴリ番号は[カテゴリの編集]画面のカテゴリ一覧リストの一番左、# をクリックすると表示される番号がそれですが、目次ページのアドレスからも確認できます。
http://noveltemplate.blog26.fc2.com/blog-category-〇〇.html
〇〇がそのカテゴリのカテゴリ番号です。

1-(2) カテゴリ別に表示させるコンテンツの準備



表示させるコンテンツを、<div class="c cnカテゴリの番号">~ </div>とカテゴリ番号を入れたクラス名のブロックで囲みます。

表示させる文面は、別窓で、[新しく記事を書く]画面を開いて記事と同じ様にツールをつかって作成しておくとよいでしょう。文字の装飾や文字色の変更・リンクや画像を使う場合も簡単です。あとはそれをコピペして該当する箇所に貼るだけです。<br />は改行の意味ですので適当なところに入れます

例1 カテゴリ番号が1 の「雪の女王」の場合↓

<div class="c cn1">
雪の女王<br />
SNEDRONNINGEN<br />
七つのお話でできているおとぎ物語<br />
ハンス・クリスティアン・アンデルセン Hans Christian Andersen<br />
楠山正雄訳<br />
出典: 青空文庫<br />
底本:「新訳アンデルセン童話集 第二巻」同和春秋社 </div>



例2 カテゴリ番号が2 の「銀河鉄道の夜」の場合↓

<div class="c cn2"><br />
作品名: 銀河鉄道の夜<br />
作品名読み: ぎんがてつどうのよる<br />
著者名: 宮沢 賢治<br /> 
出典: 青空文庫<br />
底本: 新編 銀河鉄道の夜<br />
出版社: 新潮文庫、新潮社
</div>



☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方は こちら  

2. テンプレートのカスタマイズ


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


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

HTML編集]部分をカスタマイズします。


2-(1) <head>部分


HTMLの冒頭、二三行目あたりに<head>というタグがあると思います。そこから</head>までの間のどこでもよいので以下の内容を追加します。

cn<%cno>以下は表示の設定を表しています。下は「雪の女王」「銀河鉄道の夜」などサンプルにおいてある小説の目次の例ですがtext-align 文字列の揃え方、font-size は文字の大きさ margin は余白を指定しています。それぞれ必要に応じて追加変更します。
その他、表示設定を変更する場合にはこの記事をご参考にどうぞ
コチラ
(一部の文字色を変更させたい場合などは表示させる文面を記事の編集画面で作成すれば簡単です。)

<style type="text/css"><!--

.c { display: none; }
.cn<%cno> { display: block ; text-align : right ; font-size : 90% ; margin : 1em ; }

--></style>



どこに追加してよいか迷う方は</head>の真上あたりにでも。

<head>
~ 中 略 ~

//このあたりに追加//

</head>
<body id="<!--index_area-->index<!--/index_area--> ~省 略~">
<!-- アクセス解析タグはここから -->



2-(2) カテゴリエリアのカスタマイズ



次にHTMLをスクロールしていき、<!--category_area-->~<!--/category_area-->の箇所探します。
テンプレートによってクラス名が違っていたりと微妙に違う場合がありますが、大体以下のような内容になっていると思います。(実際のHTMLに// A //などのアルファベットの記載はありません)

<!--▽作品目次(カテゴリ)ページ▽-->
<!--category_area-->

//  //

<h2>~ Index ~</h2>

//  //

<div class="entry">

//  //

<div class="entry4">

//  //

<!--▼タイプ① 縦ならび目次(一話ごとにサブタイトルをつける場合)▼-->
~ 中 略 ~
<!--▲タイプ① 縦ならび目次(一話ごとにサブタイトルをつける場合)▲-->

<!--DL時は上タイプ①縦並び目次仕様ですが、下のタイプに変更することもできます。詳しくは解説記事をごらんください http://noveltemplate.blog26.fc2.com/blog-entry-48.html -->

<!--▼タイプ② 横ならび目次(サブタイトルではなく数字で表示する場合)▼
~ 中 略 ~
<!--▲タイプ② 横ならび目次(サブタイトルではなく数字で表示する場合)▲--> 

<!--▼タイプ③ 一列目次(サブタイトルではなく数字で表示する場合12話以内推奨)▼
~ 中 略 ~
<!--▲③ 一列目次 (サブタイトルではなく数字で表示する場合20話以内推奨)▲-->

//  //

</div>

//  //

</div>

//  //

<p><ul class="entry_navi"style="clear:both;">
<li> <!--prevpage--><a href="<%prevpage_url>">  <i>Back</i>  </a><!--/prevpage--></li><li><!--nextpage--><a href="<%nextpage_url>">  <i>Next</i>  </a><!--/nextpage--> </li>
</ul>
</p>
<!--/category_area-->
<!--△作品目次(カテゴリ)ページ△-->


A から G のいずれかに、1-(2)で用意したコンテンツを追加します。表示させる内容やカテゴリは違っていても、同じ場所に表示させる場合には並べて追加します。
選んだ場所によって、それぞれ微妙に、表示されるスペース(文頭の位置)、文字の大きさが違いますので、バランスのよいところを選びます。2-(1)で<head>部分に追加したCSSでも表示方法を指定できますので、知識がある方はそちらの方が簡単です。

注意 注意 
[novel-10-gray]以外のnovel-10 タイプのテンプレートは A の位置はレイアウトが崩れますので選べません。


  • B から D の位置を選ぶ場合は、追加する内容が、Index と実際のもくじ表示の間に挟まれてしまい、不自然ですので、次の①か②のいずれかのカスタマイズをしてください。
  • その際、novel-10タイプは必ず②の方法をとってください。
    • ① <h2>~ Index ~</h2>を追加した内容の下に移す
    • ② <h2>~ Index ~</h2> を <h2>~ <%sub_title> ~</h2>に変更し、改めて目次の見出しのために、<br><b>~ Index ~</b><br>を追加した内容の下に追加する。


複数の箇所に表示させる場合


目次ページにカテゴリ別の表示を画面の上下など複数箇所、文章の配置などを変えて表示させたい場合は、以下のように表示させたい箇所スタイルの数だけ新しく、カテゴリ番号を入れたクラス名のブロックを増やします。複数箇所に表示させる場合でも、同じスタイルで表示させる場合には同じクラス名のブロックで囲みます。(クラス名は半角英数字で設定できますが、今回は、そのクラス名の末尾にはカテゴリ番号がつくので、紛らわしいので数字をクラス名につかうのは避けたほうが無難です。どうしても使う場合は数字の前後を必ずアルファベットかハイフン-やアンダーバー_で挟むようにしてください)

<style type="text/css"><!--

.c { display: none; }
.cn_a<%cno> { display: block ; text-align : left ; font-size : 90% ; margin-left : 1em 1em 1em 5em ; }
.cn_g<%cno> { display: block ; text-align : right; font-size : 90% ; margin : 1em ; }
--></style>



その上で、表示させる内容を、それぞれのブロックで囲んで表示させる位置に追加します。

以下の例は、カテゴリ番号が1 の「雪の女王」の目次ページであらすじをIndexより上 A の位置に左寄せで表示させ、出典などの情報は画面下の G に右寄せで表示させた例です。

Aの位置に左寄せで追加↓

<div class="c cn_a1">
ある所にカイ(Kay)という少年とゲルダ(Gerda)という少女がいた。二人はとても仲良しだった。 しかしある日、悪魔の作った鏡の欠片がカイの眼と心臓に刺さり、彼の性格は一変してしまう。 </div>



Gの位置に右寄せで追加↓

<div class="c cn_g1"><br />
雪の女王<br />
SNEDRONNINGEN<br />
七つのお話でできているおとぎ物語<br />
ハンス・クリスティアン・アンデルセン Hans Christian Andersen<br />
楠山正雄訳<br />
出典: 青空文庫<br />
底本:「新訳アンデルセン童話集 第二巻」同和春秋社 </div>
</div>





更新 】 をクリックする。


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

~ Comment ~

すごく初歩的な質問かもしれませんが…

初めまして アーシェと申します。

さっそくこのカスタマイズに挑戦してみましたが
バックの色と説明の文字の色が同じで、
反転しないと見えないのですが、
説明の文字の色の変え方を教えて頂けないでしょうか?
すごく初歩的な質問だったらごめんなさい(汗)

ちなみに、テンプレートは
novel-temp-pumpkinを使わせて頂いております。

Re: すごく初歩的な質問かもしれませんが…

記事にも追記しておきました、表示設定を変更する場合にはこちらの記事をご参考にどうぞ
「文字のカスタマイズ(フォントサイズ・色・行間・左右の余白の変更)」
http://noveltemplate.blog26.fc2.com/blog-entry-88.html
(ご面倒な場合には、表示させる文面を記事の編集画面で作成し、その時、パレットをつかって文字色も変更しておくとよいと思います。)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ありがとうございました!

随分遅くなってしまいましたが、
無事、文字の色を変える事が出来ました!
本当にありがとうございました!

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To:シークレットK様(もしくはB様)

DLとコメントありがとうございます。
ばたばたしていたせいで、お返事が遅れた事、お許しください。

> CSSを<head></head>の中に入れるまでは同じなのですが
> 説明を記入するときの場所ですが
> Aは確かに崩れてしまうのですが
> B~Dに入れる場合主様が説明していらっしゃる
>
> 「② <h2>~ Index ~</h2> を <h2>~ <%sub_title> ~</h2>に変更し、改めて目次の見出しのために、<br><b>~ Index ~</b><br>を追加した内容の下に追加する。」
>
> ではレイアウトが崩れてしまいます。
>
> 主様ご自身が気付いてらっしゃるか判らないのですが
> novel-10-black1の場合<h2>~ Index ~</h2>の部分ですが
> テンプレートは<h2 id="category">~ Index ~</h2><div class="layout_main3">
> となっております。
>
> 「<h2 id="category">~ Index ~</h2><div class="layout_main3">」の命令で目次の記事の上の部分を表示させているので
>
> それを主様の方法でやってしまうとレイアウトが崩れてしまいます。
> ご指摘する形になってしまうのですが
> 「<h2 id="category">~ Index ~</h2><div class="layout_main3">」のままであれば
> 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タイプの改訂作業も、やらねば!という気持ちにさせていただきました。
本当にありがとうございました。

まずはお詫びと御礼まで
  • #712 Novelテンプレート管理人 
  • URL 
  • 2010.06/29 08:03 
  •  ▲EntryTop 

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

はじめまして

金魚とっても素敵です!
でもウチはアダルトだし小説でもないので使えません(泣)
3カラムでアダルトOKを切に願います

To:ドキン様

コメントありがとうございます。

拙作テンプレのうち、画像アリのテンプレートに関しては、素材をお借りしているサイト様の利用規約に抵触する怖れがあるため、アダルトジャンルブログに公開することができません。
(現在、アダルトジャンルブログで小説を公開している方のために、画像なしのテンプレートを数点公開しておりますが、画像なし想なしですので、おそらくドキン様の好まれるようなテンプレートではないかと存じます。)

なにより、管理人の興味と関心は、HPへ擬態したブログ小説用テンプレートの作成にありますので、それとは方向性の異なる3カラムテンプレートには、今のところ食指が動きません。

拙作をお気に召していただき、コメントまで頂戴しながら、まことに恐縮ですが、上の理由から、ご要望にお応えする事が出来ないことをお許しください。
  • #715 Novelテンプレート管理人 
  • URL 
  • 2010.07/06 16:07 
  •  ▲EntryTop 

お世話になっています

novel-template-blueを使わせていただいています。
カテゴリー1に、バナー(アルファポリスのランキング)を置きたいと思い、説明通りにタグを置いてみたのですが,反映されないようです。
このタイプでは、やり方が違うのでしょうか。

To.lime様

DLとコメント、ありがとうございます。
カテゴリ番号1「RIKU」の作品目次にランキングバナーを表示させたいという事でよろしいでしょうか?


ブログへ伺い、ソースを確認させていただきましたが、HTMLに追加したバナータグをみつけることはできませんでした。


limeさまが、現在御利用中の、テンプレートの場合、HTML内にあらかじめ定めてある個所にバナータグを貼りつけていただければ、OKのはずなのですが、お試しいただいたのは、以下の記事で解説しているカスタマイズでしたでしょうか?


【改定版・簡単カスタマイズ】特定のカテゴリの目次に説明などを追加する

http://noveltemplate.blog26.fc2.com/blog-entry-317.html



もしかして、反映されないということで、バナータグを削除してしまわれましたか?

そうであれば、表示されない原因を調べるためにも、再度、バナーをHTML中に追加した上で、ご連絡いただければと思います。

NoTitle

早速のご返信、ありがとうございます。
参考にさせていただいたのは、
http://noveltemplate.blog26.fc2.com/blog-entry-513.html
この記事です。
目次にランキングバナーを張りたかったので。

<div class="c cn1 ad<%topentry_no>">ランキングバナー</div>

というのを、所定の位置に貼りつけたままにしてあります。今、まだ、そのまま置いてあります。
(ランキングバナーは、ちゃんとタグをいれました)
もしや、貼る位置が悪かったのでしょうか・・・。

お手数掛けて、すみません。

できました!

ありがとうございます。
コメントで教えて戴いた記事を参考に、やりなおしたところ、張ることができました。
このテンプレートには、ちゃんとその設定が設けられていたのですね。
別の記事を教えていただき、ありがとうございました!
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←目次ページを作品(カテゴリ)ごとに自由にカスタマイズできるようになりました!    →特定のカテゴリの目次ページのカスタマイズ (2)記事タイトルが通し番号のカテゴリの目次を横並びで表示する

名前変換フォーム

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