Novel テンプレート

初回訪問者に閲覧してもらいたい記事（「はじめに」「About」）についてはコチラ
（表紙メニューの一番上に表示させることができます）

メールフォームやＢＢＳ・リンクコーナーなど、それが単一ページ、もしくは１ｓｔページで事足るコンテンツを追加する場合は、以下は省いて、コチラへ

雑記・日記・拍手レスなど、複数の記事ページを有しているコンテンツを追加する場合

コチラ

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

カスタマイズの方法

菅理ページ⇒［環境設定］⇒【テンプレートの設定】をクリックして
［テンプレートの管理］ページを開きます

［テンプレートの名前 のHTML編集］をカスタマイズします。
HTMLをスクロールしていくと下のように説明文のはいった箇所があるはずです。

<!--▲小説（カテゴリー）タイトルメニュー-->

<!--▼小説以外のコンテンツメニュー-->
<br />
<h3><a href="<%url>archives.html" title="～ All Archives ～ 全記事一覧（全更新履歴） ～ ">All Archives </a></h3><br />
<h3><a href="<%url>?page=0" title="通常ブログ画面へ">通常ブログ画面へ</a></h3><br />

<!--▼上のメニューにカテゴリの未分類は表示されないようにしてあります。
小説に関係のない記事のカテゴリを未分類にしておけば、
表紙がすっきりして、より小説サイトっぽくなります。
未分類以外のカテゴリも、テンプレートにちょっと手を加えるだけで
隠せます。詳しくは作者のブログをご覧ください。
訪問者へのあいさつや注意書き、BBSなど、
小説（カテゴリ）以外のコンテンツをメニューに加える時は、
下記の部分にコンテンツ名とアドレスを記入してから
上下の行を削除してください。同じようにすれば必要な分だけ追加できます。-->

<!--この行を削除
<h3>
<a href="コンテンツ①のリンク先のアドレス ">  
『コンテンツ名①』 </a></h3>
<br />
<h3>
<a href="コンテンツ②のリンク先アドレス">  
『コンテンツ名②』 </a></h3>
<br />
この行を削除-->

<!--▲小説以外のコンテンツメニュー-->

この説明に従ってカスタマイズすればよいのですが、わかりやすくするために、
今はコンテンツ①だけを例にしてカスタマイズします。

『コンテンツ名①』に表紙のメニューに追加したいコンテンツのタイトルをいれます。

ここでは例として、追加したカテゴリ　雑記　にします。

次にコンテンツ①のリンク先のアドレスにカテゴリ「雑記」のカテゴリアドレスを記入します。
カテゴリアドレスの［URL］はカテゴリ番号が●の部分にはいって以下のように表示されます。

http://［ブログＩＤ］.blog○○.fc2.com/blog-category-●.html

カテゴリ番号の確認の仕方は

コチラ

<!--▲小説（カテゴリー）タイトルメニュー-->
<br />
<!--▼小説以外のコンテンツメニュー-->
<h3><a href="<%url>archives.html" title="～ All Archives ～ 全記事一覧（全更新履歴） ～ ">All Archives </a></h3><br />
<h3><a href="<%url>?page=0" title="通常ブログ画面へ">通常ブログ画面へ</a></h3><br />

～～説明文略～～

<h3>
<a href="http://［ブログＩＤ］.blog○○.fc2.com/blog-category-●.html ">  
雑記 </a>
</h3><br />

<!--▲小説以外のコンテンツメニュー-->

【 更新 】 をクリックする。

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

削除の方法

<!--▲小説（カテゴリー）タイトルメニュー-->

<!--▼小説以外のコンテンツメニュー-->
<br />
<h3><a href="<%url>archives.html" title="～ All Archives ～ 全記事一覧（全更新履歴） ～ ">All Archives </a></h3><br />
<h3><a href="<%url>?page=0" title="通常ブログ画面へ">通常ブログ画面へ</a></h3><br />

<!--▼上のメニューにカテゴリの未分類は表示されないようにしてあります。
小説に関係のない記事のカテゴリを未分類にしておけば、
表紙がすっきりして、より小説サイトっぽくなります。
未分類以外のカテゴリも、テンプレートにちょっと手を加えるだけで
隠せます。詳しくは作者のブログをご覧ください。
訪問者へのあいさつや注意書き、BBSなど、
小説（カテゴリ）以外のコンテンツをメニューに加える時は、
下記の部分にコンテンツ名とアドレスを記入してから
上下の行を削除してください。同じようにすれば必要な分だけ追加できます。-->

<!--この行を削除
<h3>
<a href="コンテンツ①のリンク先のアドレス ">  
『コンテンツ名①』 </a></h3>
<br />
<h3>
<a href="コンテンツ②のリンク先アドレス">  
『コンテンツ名②』 </a></h3>
<br />
この行を削除-->

<!--▲小説以外のコンテンツメニュー-->

赤字の部分を削除して【 更新 】 をクリックする。

②横ならび目次（サブタイトルではなく番号で表示する場合）

③一列目次（サブタイトルではなく番号で表示する場合）

こちら

改訂版のテンプレートのHTMLには、予め特定カテゴリに説明などを追加する場合のソースが埋め込まれていますので、カスタマイズが容易になりました。
詳しくは 【改定版　簡単カスタマイズ】特定のカテゴリの目次ページを横並びにする

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

変更の方法

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

<!--▽作品目次（カテゴリ）ページ▽-->
<!--category_area-->
<div class="entry_text3">
<div class="topindex">
<img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/ts12-7.gif" alt="" border="0" /><h2>Index ～作品もくじ～</h2>
<br />

<!--▼タイプ①　縦ならび目次（一話ごとにサブタイトルをつける場合）▼-->
<p><!--topentry-->
        <img src="http://blog-imgs-32.fc2.com/n/o/v/noveltemplate/dt65.gif" alt="" border="0" />  <a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>"><%topentry_title></a> <script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
<br /><!--/topentry-->
</p>
<!--▲タイプ①　縦ならび目次（一話ごとにサブタイトルをつける場合）▲-->


<!--▼タイプ②　横ならび目次（サブタイトルではなく数字で表示する場合）
二桁の半角数字が一列に１０づつ並びます。一桁の番号は半角スペースを前にいれるとそろいます▼-->
<div class="entry_text6"><ul class="entry_text6">
<!--topentry-->
<li>
<a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>">
<%topentry_title> </a><script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>  
</li>
<!--/topentry-->
</ul></div>
<!--▲タイプ②　横ならび目次（サブタイトルではなく数字で表示する場合）▲-->


<!--▼タイプ③　一列目次（サブタイトルではなく数字で表示する場合○○話以内推奨）▼-->
<table border="0" cellpadding="5" cellspacing="5"class="hako"><tr align="center">
<!--topentry-->
<td><a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>">
 <%topentry_title> </a><script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
</td><!--/topentry-->
</tr>
</table>

<!--▲③　一列目次　（サブタイトルではなく数字で表示する場合○○話以内推奨）▲-->


</div></div>
<p>
<ul class="entry_navi">
<li><!--nextpage--><a href="<%nextpage_url>">  <i>Next</i>  </a><!--/nextpage--> </li>
<li> <!--prevpage--><a href="<%prevpage_url>">  <i>Back</i>  </a><!--/prevpage--></li>
</ul>
</p>
<!--/category_area-->
<!--△作品目次（カテゴリ）ページ△-->

【 更新 】 をクリックする。

アクセス解析を設置している場合には、新着マークが投稿された時間に関係なく表示されてしまうことがあるようです。その場合には新着マークのスクリプトの内容を変更してください。詳しくは こちら

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

新着マークの変更

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

<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=72; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}
--></script>

2009.6.16.追記

アクセス解析を設置している場合には、新着マークが時間に関係なく表示されてしまうなど、乱れがでることがあるようです。その場合には、上のスクリプトの中のtoday　を　Timenow　に変更してお験しください。

.new {
color : red;
font-family : "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;
font-style: italic;
font-weight : normal;}

削除、あるいは変更したい内容に書き換えたら
【 更新 】 をクリックする。

設置方法

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

<!-- アクセス解析タグはここから -->

<!-- アクセス解析タグはここまで -->

<!--▼ランキングバナーなどを貼る場合はここへ▼-->

<!--▲ランキングバナーなどを貼る場合はここへ▲-->

タグを追加したら【 更新 】 をクリックする。

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

カスタマイズの方法

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

<!--▼「はじめに」「About」など,NovelListより上の
表紙メニューの冒頭に表示したいコンテンツが
ある場合は、前後の行を削除してリンク先に記事のアドレスを入れてください。NovelListより下に追加するコンテンツに関しては、このままスクロールして
「小説以外のコンテンツメニュー」の説明をご覧ください-->

<!--この行を削除

<h3><a href="記事のアドレス"> はじめに</a></h3><br />

この行を削除-->

<!--▲「はじめに」「About」など▲-->

【 更新 】 をクリックする。

既にＤＬなさった方が上の「はじめに」へのリンクタグを設置する場合

<!--▼▼サイド(右）カラム▼▼-->
<div id="layout_side">
<h2>Menu</h2><!--大見出し非表示-->

<!-- ▽ サイド(右）カラム表紙ページ -->
<!--index_area-->
<!--▼小説（カテゴリー）タイトルメニュー-->
<div class="top">

<h3><a href="記事のアドレス"> はじめに</a></h3><br />

<!-- ▼ ▼フリースペース▼▼ -->
<h3 class="side_menu" style="text-align:<%plugin_third_talign>">ご案内</h3>
<br /><font color="#cccccc"size="2"><p><%introduction>
<br /><br /></p>左の画像をクリックするか、メニューを選んでお進みください。</font><br /><br />
<!-- ▲ ▲フリースペース ▲▲-->


<a href="記事のアドレス"><h3 class="side_menu" style="text-align:<%plugin_third_talign>">はじめに</h3></a>

<!--▼掲載小説▼-->
<div id="PlagOpen4">

【 更新 】 をクリックする。

注意
「はじめに」　「Ａｂｏｕｔ」などのタイトルで、すでにカテゴリ設定していた場合には、NovelＬｉｓｔ以下のスペースにも表示されてしまいます。それを避けるためには、それらの記事のカテゴリを、表紙メニューには表示されない「未分類」に設定しなおしておくことをおススメ致します。

カスタマイズの方法

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

<!--▼ヘッダー（表紙ページ）▼-->
<!--index_area-->
<div align="center">
<table border="0"align="center"><tr><td><img src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/grape-L.jpg" alt="grape-L.jpg" border="0"/></td><td valign="middle">
<!--▽ブログタイトル-->
<h1><a href="./"><%blog_name></a></h1>
<!--△ブログタイトル-->
</td><td><img src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/grape-R.jpg" alt="grape-R.jpg" border="0" /></td></tr></table>

オンライン小説サイト「<%blog_name>」　へようこそ！<br/>By <%author_name></div><br/>

<!--▼▼サイトナビゲーション?▼▼-->
～中略～
<!--▲▲サイトナビゲーション?▲▲--><br/>
<!--/index_area-->
<!--▲ヘッダー（表紙ページ）▲-->

<%blog_name>の代わりに直接ブログタイトルを書き込み
適当な箇所に改行のタグ<br />をいれます。

（例１）改行のタグを一ついれる。

<h1><a href="./"><%blog_name></a></h1>

<h1><a href="./">Novelテンプレート管理人の管理人による<br />管理人のためのひまつぶしブログ</a></h1>

（例１）改行のタグを二ついれる。

<h1><a href="./"><%blog_name></a></h1>

<h1><a href="./">Novelテンプレート管理人の<br />管理人による管理人のための<br />ひまつぶしブログ</a></h1>

プレビューで確認してバランスがよければ【 更新 】 をクリックする。

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

　カスタマイズ

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

<!--▽Novel List小説一覧ページ▽-->
<!--tag_area-->

<!--ＤＬ時イラストページはIllust List(2)で飾り枠付きの画像と記事冒頭文が表示されますが
画像だけを横に並ばせるスタイルIllust List(1)に変更することもできます
詳しくは解説記事をごらんください -->


<!--▼Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->

<div class="c tagIllust">
<!--topentry--><div id="gazou_box">
<div class="entry_gazou">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_body></a>
</div></entry_gazou>
<div class="entry_gazou_title"><a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a></div>
<div class="entry_gazou_date">
<a href="<%topentry_link>" title="続きをよむ">»»</a>  <%topentry_year>.<%topentry_month>.<%topentry_day>.<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script></div>
<div class="entry_gazou_cat">
<a href="<%topentry_category_link>" title="【<%topentry_category>】のもくじへ"><%topentry_category></a>
</div>
</div></gazou_box>
<!--/topentry--><br clear="both">
</div></c tagIllust>


<!--▲Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->


<div class="entry">

<!--▼ 通常のNovel List(小説案内)のブロック -->
<div class="hidden_tag<%sub_title>">
<!--topentry-->

　～　中　略　～

<!--/topentry-->
</div></hidden_tag%sub_title>
<!--▲ 通常のNovel List(小説案内ページ)のブロック -->


<!--▼ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル-->

<div class="c tagIllust" align="center">
<!--topentry-->

　～　中　略　～
<a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_body></a>

　～　中　略　～
<!--/topentry-->
<p style="text-align :left ; margin-left: 50px ; "> Material　「<a href="http://www.ream.ais.ne.jp/~meme/index.htm" target="_blank">素材の小路</a> 」</p>
</div></c tagIllust>

<!--▲ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル -->

<ul class="entry_navi">
<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>
</div>
<!--/tag_area-->

【 更新 】 をクリックする。

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

リンクボタンのカスタマイズ

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

表紙メニューにリンクボタンを表示

<!-- ▼▼▼ 表紙ページ・メニュー ▼▼▼ー-->

<!--index_area-->

<h2 class="side_menu">M E N U</h2>

<!--▽「はじめに」「About」など,メニューの一番上にリンクボタンを追加する場合は、
前後の行を削除してリンク先に記事のアドレスを入れてください。-->

<!--▽「はじめに」「About」-->

<!--この行を削除

<h3 class="side_menu" ><a href="記事のアドレス" onmouseover="myIn('step0')" onmouseout="myOut('step0')" title="初めてご訪問の方はご覧ください">    はじめに</a></h3>
この行を削除-->

<!--△「はじめに」「About」-->

<!--▼▼▼▼▼ JavaScript有効時に表示のメニューボタン▼▼▼▼▼ -->

<div id="JSOK" style="display:none;">


　～　中　略　～



<!--▼Illust List（イラスト一覧ページ)へのリンクボタン▼-->
<h3 class="side_menu" ><a href="<%url>?tag=Illust" onmouseover="myIn('step2')" title="イラスト一覧ページ"
onmouseout="myOut('step2')"> 　Illust</a></h3>
<!--▲Illust List（イラスト一覧ページ)へのリンクボタン▲-->

<!--▼ 登場人物のイラスト付き紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<h3 class="side_menu" ><a href="<%url>?tag=Character" onmouseover="myIn('step4')" title="登場人物のイラスト付き紹介ページ"
onmouseout="myOut('step4')"> 　キャラ　絵</a></h3>
▲登場人物のイラスト付き紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->

<!--▼カテゴリ別タイトルリストへのリンクボタン▼-->
<h3 class="side_menu" ><a href="<%url>archives.html" onmouseover="myIn('step6')"title=""
onmouseout="myOut('step6')" > 　All Titlelist </a></h3>
<!--▲カテゴリ別タイトルリストへのリンクボタン▲-->

　～　中　略　～



<!--/index_area-->

メニューバーの表示

<!--▼▼サイトナビゲーション(1)（画面上メニューバー）▼▼-->

<div class="navi_top">
<ul>

　～　中　略　～

<li> <a href="<%url>?tag=%2A" title="Novel List（小説一覧ページ）へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>?tag=Illust" title="Illust List（イラスト一覧ページ）へ"> ◆<i>Illust</i> </a>
</li>
<!--▼ 登場人物紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<li> <a href="<%url>?Character=Illust" title="登場人物のイメージイラスト付き紹介ページ"> ◆<i>Chara</i> </a>
</li>
▲登場人物紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>
　～　中　略　～

</ul>
</div>
<!--▲▲サイトナビゲーション(1)（画面上メニューバー）▲▲-->

<!--▼▼サイトナビゲーション(2)（画面下メニューバー）▼▼-->

<div class="navi_top">
<ul>

　～　中　略　～

<li> <a href="<%url>?tag=%2A" title="Novel List（小説一覧ページ）へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>?tag=Illust" title="Illust List（イラスト一覧ページ）へ"> ◆<i>Illust</i> </a>
</li>
<!--▼ 登場人物紹介ページへのリンクボタンを表示させる場合この行と下の行を削除
<li> <a href="<%url>?Character=Illust" title="登場人物のイメージイラスト付き紹介ページ"> ◆<i>Chara</i> </a>
</li>
▲登場人物紹介ページへのリンクボタンを表示させる場合この行と上の行を削除-->
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>
　～　中　略　～

</ul>
</div><!--▲▲サイトナビゲーション(2)（画面下メニューバー）▲▲-->

オンマウスした時表示される説明の変更

<!--▲▲ フッター(2)（ 表紙ページ）▲▲-->
</div>
</div>
<!--▲▲▲左フレーム ▲▲▲-->

<!--index_area-->


　～　中　略　～




<!--▼Illust List（イラスト一覧ページ)の説明▼-->
<div id="step2" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">
掲載イラストの一覧ページ<br />
サムネイルをクリックすると記事または原寸サイズの画像をご覧になれます</p>
</div>
<!--▲Illust List（イラスト一覧ページ)への説明-->

<!--▼Character List（登場人物紹介ページ)の説明▼-->
<div id="step4" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">
登場人物のイメージイラスト付き紹介ページ</p>
</div>
<!--▲Character List（登場人物紹介ページ)の説明-->

<!--▼カテゴリ別全記事一覧タイトルリスト▼-->
<div id="step6" style="position:absolute; top:120px; left:280px;
background-color: #f2f2f2; z-index:1; visibility:hidden;font-size : 90%;padding:2px 10px;min-width:340px;"class="block_8">作品（カテゴリ）別に分類されたすべての小説ページ（記事）のタイトルをご覧になれます。
</div>
<!--▲カテゴリ別全記事一覧タイトルリスト-->


　～　中　略　～



<!--/index_area-->

カスタマイズ　具体例

<!--▽Novel List小説一覧ページ▽-->
<!--tag_area-->

<!--ＤＬ時イラストページはIllust List(2)で飾り枠付きの画像と記事冒頭文が表示されますが
画像だけを横に並ばせるスタイルIllust List(1)に変更することもできます
詳しくは解説記事をごらんください -->


<!--▼Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->

<div class="c tagIllust">
<!--topentry--><div id="gazou_box">
<div class="entry_gazou">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_body></a>
</div></entry_gazou>
<div class="entry_gazou_title"><a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a></div>
<div class="entry_gazou_date">
<a href="<%topentry_link>" title="続きをよむ">»»</a>  <%topentry_year>.<%topentry_month>.<%topentry_day>.<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script></div>
<div class="entry_gazou_cat">
<a href="<%topentry_category_link>" title="【<%topentry_category>】のもくじへ"><%topentry_category></a>
</div>
</div></gazou_box>
<!--/topentry--><br clear="both">
</div></c tagIllust>


<!--▲Illust List(1) 画像(イラスト)が横にならぶスタイル▼-->


<div class="entry">

<!--▼ 通常のNovel List(小説案内)のブロック -->
<div class="hidden_tag<%sub_title>">
<!--topentry-->

　～　中　略　～

<!--/topentry-->
</div></hidden_tag%sub_title>
<!--▲ 通常のNovel List(小説案内ページ)のブロック -->


<!--▼ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル-->

<div class="c tagCharacter" align="center">
<!--topentry-->

　～　中　略　～

<!--/topentry-->
<p style="text-align :left ; margin-left: 50px ; "> Material　「<a href="http://www.ream.ais.ne.jp/~meme/index.htm" target="_blank">素材の小路</a> 」</p>
</div></c tagIllust>

<!--▲ Illust List(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル -->

<ul class="entry_navi">
<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>
</div>
<!--/tag_area-->

【 更新 】 をクリックする。

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

カスタマイズの方法

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

HTMLのカスタマイズ

<head>


　～　中　略　～


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

.c { display: none; }
.tag<%sub_title> { display: block;margin:20px auto; }
.hidden_tagIllust { display: none; }
.gazou<%cno> { display: block ; }

/* (AA-1)特定のカテゴリの目次で画像を一覧表示させる場合XXをカテゴリ番号に変更*/

.hidden_catXX { display: none; }

--></style>


　～　中　略　～


</head>
<body <!--index_area-->onload="hidethem()"<!--/index_area--> id="～　中　略　～ ">

<!--▽作品目次（カテゴリ）ページ▽-->
<!--category_area-->
<h2>Index ～作品もくじ～</h2>

<div class="entry">
<div class="hidden_cat<%cno>">



　～　中　略　～



<!--特定のカテゴリの目次で画像を一覧表示させる場合head内(AA-1)と
以下の画像用目次(1)の(2)いずれかのスタイルを選んでgazouXXのXXをカテゴリ番号に変更-->

<!--画像用目次(1)画像が横に並んで一覧表示されるスタイル-->
<div class="c gazouXX">
<!--topentry--><div id="gazou_box">
<div class="entry_gazou">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_body></a>
</div></entry_gazou>
<div class="entry_gazou_title"><a href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a></div>
<div class="entry_gazou_date">
<a href="<%topentry_link>" title="続きをよむ">»»</a>  <%topentry_year>.<%topentry_month>.<%topentry_day>.<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script></div>
</div></gazou_box>
<!--/topentry--><br clear="both">
</div>
<!--画像用目次(1)画像が横に並んで一覧表示されるスタイル-->


<!--画像用目次(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル-->
<div class="c gazouXX" align="center">
<!--topentry-->
<table border="0" align="center"><tr><td align="center"class="gazou_bg">
<p><img src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/karal5.gif" border="0" /></p>
<div id="gazou_box2"><div class="entry_gazou2">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_body></a>
</div></entry_gazou>
</div></entry_gazou></a>
</div></entry_gazou2>
</div></gazou_box2>
<p><img src="http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/karal5-.gif" border="0" /></p>
</td><td >
<div class="gazou_list2">
<h2><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></h2>
<div align="right">

<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
<span class="font1" style="font-size: 90%; font-weight : normal;"><%topentry_year>．<%topentry_month>．<%topentry_day>．<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" title="『<%topentry_title>』を編集">［Edit］</a></span></div>
<div class="gazou_text2">
<%topentry_discription>
</div>
<p style="text-align : right ; font-size: 90% ; "><a href="<%topentry_link>" title="">»» 続きを読む<a>
<br /> <span class="font1"><a href="#pagetop" title="↑ページトップへ">▲<i>page top</i></a></span></p></div>
</td></tr></table><br />
<!--/topentry-->
<p style="text-align :left ; margin-left: 50px ; "> Material　「<a href="http://www.ream.ais.ne.jp/~meme/index.htm" target="_blank">素材の小路</a> 」</p>
</div>
<!--画像用目次(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル -->


<p><ul class="entry_navi">
<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-->
<!--△作品目次（カテゴリ）ページ△-->

【 更新 】 をクリックする。

カスタマイズ

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

○○タイプ（テンプレートのタイプ名）であればスタイルシートを交換することで
簡単に衣替えできますが、衣替えをする場合は素材提供サイト様の著作権表示がある
HTMLの最後にあるコピーライト部分も必ず変更してください。
また、以下のスタイルシートの中からレイアウト設定部分の(A)と(B)の行を削除すると
個別記事ページの本文スペースをコンパクト表示に変更できます。

/* =============================================
以下は個別記事ページの本文スペースを他ページと
同じ幅にする場合（コンパクト版）の設定
コンパクト版にする場合は(A)と(B)の行を削除
============================================= */

/* --- (A)コンパクト版にする場合はこの行と(B)の行を削除

#permanent {
margin : 0; padding : 0;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/mum-bg.gif");
background-attachment: fixed;background-repeat : repeat ;text-align : center;
}

#permanent .container {
margin : 0 auto ; background-color:transparent;
width : 90%;background-image : none;
float : none;
}
.p_main-body {
margin : 20px auto 0 auto ;
width : 650px;background-color:#ffffff;
border :3px dotted #999999;
}
(B) ---コンパクト版にする場合はこの行と(A)の行を削除 */

赤字の部分を削除して【 更新 】 をクリック

　　「個別記事ページを二種類のスタイルで表示する」

first-letterの設定を削除する

カスタマイズ

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

/*----(C)通常ブログ画面・冒頭一番目の文字の設定---装飾が不要な場合はここから(D)まで削除▼-*/

　　　　　　　　　　　　　　～　中略　～

/*---------------(D)不要な場合はここまで削除-▲-----------------------------*/

/*----(E)記事本文冒頭一番目の文字の設定---装飾が不要な場合はここから(F)まで削除▼---*/

　　　　　　　　　　　　　　～　中略　～

/*---------------(F)不要な場合はここまで削除-▲-----------------------------*/

/*-----(G)追記冒頭一番目の文字の設定---装飾が不要な場合はここから(H)まで削除-▼---*/

　　　　　　　　　　　　　　～　中略　～

/*---------------(H)不要な場合はここまで削除--▲----------------------------*/

説明に従い不要な箇所を削除して
【 更新 】 をクリック

カスタマイズの方法

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

<!--▽All 全記事一覧ページ-->
<!--titlelist_area-->

～　中略　～


<!--↓(3)ｶﾃｺﾞﾘ別ではなく更新順で表示させる場合はこの行を削除-->
</noscript>
<!--↑(3)ｶﾃｺﾞﾘ別ではなく更新順で表示させる場合はこの行を削除-->

<ul class="entry_navi">
<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>

<!--/titlelist_area-->
<!--△All 全記事一覧ページ-->

【 更新 】 をクリック

夢小説テンプレート

変換できる項目

夢小説テンプレートの設定

１.　夢小説のカテゴリの確認

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

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

/* =======================================================================================
(DD-1)以下は特定のカテゴリの作品を夢小説として主人公の名前を変換させる設定
名前変換機能を設定するカテゴリはDDをそのカテゴリ番号に変更
======================================================================================= */

.dreamDD { display: block ; }


--></style>

【 更新 】 をクリックする。

夢小説の作成

ヒロインの苗字を<span class="1">ヒロインの苗字</span>　に、
名前を<span class="2">ヒロインの名前</span>　に、
置き換えます。

「この意地悪、憎たらしい奴！」<span class="2">アン</span>が激怒して叫んだ。「よくも言ったわね！」

そう言うと今度は -- バキッ<span class="2">アン</span>はギルバートの頭に石盤を叩きつけて、かち割ってしまった -- 頭ではなく石盤を -- 真っ二つに。

アヴォンリー小学校では、楽しい見せ場があるといつもみんな大喜びだった。とりわけ今回はお楽しみの場面と言えた。みんなから「うわあ」っという恐ろしげなどよめきと、待ってましたの感嘆の声がもれた。ダイアナは息を飲み込んだままだ。ルビー・ギリスは、この子はヒステリー気味だったが、泣き出した。トミー・スローンは、せっかく集めたコオロギ軍団を、この活人画を口を開いたままぽかんと見入っている間に、全部逃がしてしまった。

いつの間にか通路をやって来たフィリップス先生が、<span class="2">アン</span>の肩にガシッと手を置いた。

「<span class="2">アン</span>・<span class="1">シャーリー</span>、これはどういうことだね？」と、怒る先生。<span class="2">アン</span>は何の言葉も返さなかった。

ヒーローの苗字 を <span class="3">ヒーローの苗字</span>、
名前　を　<span class="4">ヒーローの名前</span>　に
置き換えます。

2年前のあのシーンが、まるで昨日の事のようにフラッシュバックした<span class="4">ギルバート</span>はあたしのことを「ニンジン」よばわりして、学校のみんなの前で恥をかかせたんだ。<span class="2">アン</span>が<span class="4">ギルバート</span>に感じた恨みつらみは、。<span class="2">アン</span>のことを知らない、人生経験を積んだ方々から見れば、そのきっかけである「ニンジン」事件と同じく、失笑ものの下らない事でしかないかもしれない。時が経てば、本心はともかく表立った恨みだけでも、和らいだり弱められたりしそうなものだが、。<span class="2">アン</span>にすればそんなことはありえなかった。憎たらしい<span class="4">ギルバート</span>・<span class="3">ブライス</span>！こんな奴、絶対に許してやらない！

「無理ね」と、冷ややかな返事。「友達なんて絶対なれないわ<span class="4">ギルバート</span>・<span class="3">ブライス</span>。なりたくもないわよ！」

「ああ、そうかい<span class="4">ギルバート</span>がボートに飛び乗った。怒りで頬を染めている。「友達になろうなんて、もう二度と頼むもんか、<span class="2">アン</span>・<span class="1">シャーリー</span>。もう知った事か！」

そう言い捨てると力任せにオールを操り、さっと岸を離れていった。。<span class="2">アン</span>は。<span class="2">アン</span>で、カエデの下のシダの茂る急な小径を登って行った。これ以上なく頭をツンとさせていたけれど、心の中に何故か後悔している別の自分を感じた<span class="4">ギルバート</span>に言い返すにしても、他に言いようがあったかもしれない。もちろんあいつはすごく無礼な奴だけど、それでも --！

夢小説テンプレートの衣替え（デザイン変更）

2011.9.7.追記　Rタイプ・Rfタイプだけでなく、ver1109以降のバージョンであればPFタイプ・PF2タイプ以外の全てのテンプレートのスタイルシートに互換性がありますので、夢小説テンプレートをデザイン変更できます。

<!--▼▼フッター▼▼-->
<div class="layout_footer">

<div class="copyright copy_<%cno> copy_<%pno>">

Copyright © <a href="./"><%blog_name></a> All Rights Reserved. <br />


Script by <a href="http://dream.99.geo.jp" target="_blank">ブログで夢小説！ユメミル？</a>　

<!--▽HTMLやスタイルシートを交換する場合は、夢小説のスクリプトの著作権表示は削除せず、この下に変更したテンプレートの素材サイト様の著作権表示を追加してください-->

<!--/////////ここに変更したテンプレートの素材サイト名を追加/////////-->
Template By <a href="http://noveltemplate.blog26.fc2.com/" target="_blank">Novel Template</a>
<br />
<!--削除不可広告開始--><%ad> <%ad2><!--削除不可広告終了--></div>

</div>
<!--▲▲フッター▲▲-->

衣替えできるRタイプのテンプレートの多くは、個別記事ページの記事本文冒頭と追記冒頭の一番目の文字は大きく、画像に装飾されて表示されます。背景に表示される画像の位置は、初期設定のフォントに合わせて微調整してありますので、その位置に名前変換する文字列つまり、<span>主人公の名前</span>がくると、背景画像の表示が乱れることがあります。（主にＩＥ閲覧時）

これを避けるために、記事本文や追記冒頭の文章が主人公の名前で始まる場合は、文頭に<br />を加え改行させてください。また、記事冒頭に余白を入れてしまうと、左側が大きくあき、テンプレートによっては、firefoxで閲覧時に、小さい四角が表示されてしまうのでご注意ください。

装飾が不要であれば、スタイルシートの中から(C)～(D)(E)～(F)(G)～(H)を削除してください。

冒頭一番目の装飾文字について詳しくは　コチラ

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

カスタマイズ

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

<!--▼▼▼ヘッダー▼▼▼-->
<div class="layout_head">

　　　～　中略　～

<!--▽▽ヘッダー・説明部▽▽-->

<div class="introduction">

　　　～　中略　～


<!--////アクセスカウンター全ページカウントする場合はココ ////-->


</div></introduction>
<!--△△ヘッダー・説明部ここまで△△-->

　　　～　中略　～

</div></layout_head>
<!--▲▲▲ヘッダー▲▲▲-->

<!--▼▼▼▼左フレーム ▼▼▼▼-->

<div class="left_frm left_frm_bg<%pno>">

<div class="left_box">

<!--///アクセスカウンタータグ全ページカウントする場合はココ ///-->


<!-- ▼▼▼ 表紙ページ・メニュー ▼▼▼ー-->
<!--index_area-->

　　　～　中略　～

赤字の部分にアクセスカウンターのタグを貼りつける

【 更新 】 をクリックする。

　注意

このカスタマイズは必ず、バージョン番号　ver○○○○ の記載がある改訂版のテンプレートをDLしてからお試しください。バージョン番号の記載のない改訂以前のテンプレートでは、このカスタマイズは適用されませんのでご注意ください。

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

カスタマイズ

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

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

.c ,.ad ,ul.entry_list .ad { display: none; }
.top_navi{display: inline ;}
.cn<%cno> { display: block ; }
.co_num0,.tb_num0 {display: none;}



　　　～　中略　～

/* ========================================================================
(BB-1)以下は特定のカテゴリを表紙メニューで表示させないための設定
非表示にするカテゴリはBBをそのカテゴリ番号に変更
======================================================================== */

.hidden_menuBB { display: none; }

　　　～　中略　～

--></style>

【 更新 】 をクリックする。

　注意

繰り返しますが、このカスタマイズは表紙メニュー部分のソースに変更を施した改訂済みのテンプレートのみ成立するカスタマイズです。改訂以前のテンプレートの<head>～</head>内に、上記のソースを追加するだけでは、カテゴリは隠せませんのでご注意ください。

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

カスタマイズ

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

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

.c ,.ad ,ul.entry_list .ad { display: none; }
.top_navi{display: inline ;}
.cn<%cno> { display: block ; }
.co_num0,.tb_num0 {display: none;}



　　　～　中略　～

/* =======================================================================================
(CC-1)以下は特定のカテゴリの記事を通常ブログ画面で表示させないための設定
非表示にするカテゴリはCCをそのカテゴリ番号に変更
親カテゴリ番号に変更すると、それに属する全ての子カテゴリの記事が非表示になります。
======================================================================================= */

.kakusiCC { display: none; }

　　　～　中略　～

--></style>

【 更新 】 をクリックする。

　注意

このカスタマイズは、あくまで、通常ブログ画面で表示される記事の中で、特定のカテゴリの記事だけを「表示しない」あるいは「表示させる」カスタマイズです。

1ページに表示させる件数、例えば10件の記事の中に、表示させる記事が1件しかなければ、1件しか表示されませんし、設定した表示件数によっては、記事が全く表示されないページもでてきてしまいます。そうした事態をなるべく避けるために、記事の表示件数を上限の30に設定し直される事をおススメ申し上げます。
記事の表示件数の変更についてはコチラ

　注意

繰り返しになりますが、このカスタマイズは通常ブログ画面のソースにかなりの変更を施した改訂済みのテンプレートのみ成立するカスタマイズです。改訂以前のテンプレートの<head>～</head>内に、上記のソースを追加するだけでは、通常ブログ画面で特定のカテゴリの記事を非表示にはできませんのでご注意ください。