スクリプト未使用 カテゴリー別サイトマップ

※白背景部分の ソース等は ここ（Web上） で直接編集できます。 （IE，Firefox，Opera，Google Chrome 等 対応）

1.　日付順の全記事一覧 一例　（適用中のテンプレート）

<!--titlelist_area-->
<!-- ▼全記事一覧▼ -->
<p>このサイトマップは．．．<br /><a href="./index.php?style2=categorymap&amp;all" title="カテゴリー別の記事一覧へ">カテゴリー別に並べ替え</a> もできます。</p>
<div class="entry_title"><h2>日付順の全記事一覧</h2></div>
<div class="all_m">
<!--titlelist-->
<h3><a href="<%titlelist_url>" title="個別記事ページへ">
<%titlelist_title></a></h3><p><%titlelist_body> …</p><div class="t_right">
<%titlelist_year>/<%titlelist_month>/<%titlelist_day> (<%titlelist_wayoubi>) [<a href="<%titlelist_category_url>" title="カテゴリー: <%titlelist_category> へ"><%titlelist_category></a>]</div>
<!--/titlelist-->
</div><!--/class=all_m-->
<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

2.　カテゴリー別の全記事一覧　（非公開のスクリプト版 [script] ）

<!--index_area-->
<a rel="nofollow" href="./index.php?style2=script&amp;all">スクリプト版 カテゴリー別の全記事一覧ページ</a>　
<a href="./index.php?style2=categorymap&amp;all">ノンスクリプト版 カテゴリー別の記事一覧ページ</a>
<!--/index_area-->

<!--titlelist_area-->
<p>このページの項目（カテゴリー）目次</p>
<ul class="all_mokuji" style="list-style:none">
<!--category-->
<!--category_parent-->
<li><a href="#c<%category_no>" title="この項目の先頭へ　 total <%category_count> 件"><b><%category_name></b></a> &#187;&nbsp;
<!--/category_parent--><!--category_sub_hasnext-->
<a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;
<!--/category_sub_hasnext--><!--category_sub_end-->
<a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;
</li>
<!--/category_sub_end-->
<!--category_nosub-->
<li style="float:left"><a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;</li>
<!--/category_nosub-->
<!--/category-->
</ul>
<p class="t_right" style="clear:both; margin-top:12px"><a href="./archives.html" title="通常のサイトマップへ">日付順の全記事一覧へ戻る</a></p>

<!-- ▼全記事一覧▼ -->
<div class="entry_title"><h2>カテゴリー別の記事一覧</h2></div>
<div class="all_m">

<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<div style="display:none">
<ul>
<!--titlelist-->
<li name="<%titlelist_category_no>" id="<%titlelist_category_no>">
<a href="<%titlelist_url>">
<%titlelist_title></a><%titlelist_year>/<%titlelist_month>/<%titlelist_day>  <%titlelist_body> ・・・
</li>
<!--/titlelist-->
</ul>
</div>

<!--category-->

<h3 id="sub<%category_no>name"<!--category_parent--> class="h2modoki"<!--/category_parent-->>
<a href="<%category_link>" title="カテゴリー: <%category_name> へ" name="c<%category_no>" id="c<%category_no>"><!--category_parent-->親カテゴリー : <!--/category_parent--><%category_name></a>
</h3>

<div id="sub<%category_no>list">
<script type="text/javascript">
// <![CDATA[
var list = document.getElementsByName('<%category_no>');
var elm; var s;
if(list.length > 0) document.write('<ol>');
for (var i = list.length - 1; i >= 0; i--) {
elm = list.item(i);
s = elm.innerHTML;
if(i == list.length-1) {
document.write('<li>', s,'</li>');
} else {
document.write('<li>', s,'</li>');
}
}
if(list.length > 0) document.write('</ol>');
// ]]>
</script>
<div class="t_right">| <a href="#top" title="このページの先頭へ">↑ ページ先頭へ ↑</a> |</div>
</div><!--/id=sub_no_list-->

<!--/category-->
<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->

</div><!--/class=all_m-->

<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

3.　カテゴリー別の記事一覧　（ノンスクリプト版 ［categorymap］ ）

<!--index_area-->
<a rel="nofollow" href="./index.php?style2=script&amp;all">スクリプト版 カテゴリー別の全記事一覧ページ</a>　
<a href="./index.php?style2=categorymap&amp;all">ノンスクリプト版 カテゴリー別の記事一覧ページ</a>
<!--/index_area-->

<!--titlelist_area-->
<p>このページの項目（カテゴリー）目次</p>
<ul class="all_mokuji" style="list-style:none">
<!--category-->
<!--category_parent-->
<li><a href="#c<%category_no>" title="この項目の先頭へ　 total <%category_count> 件"><b><%category_name></b></a> &#187;&nbsp;
<!--/category_parent--><!--category_sub_hasnext-->
<a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;
<!--/category_sub_hasnext--><!--category_sub_end-->
<a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;
</li>
<!--/category_sub_end-->
<!--category_nosub-->
<li style="float:left"><a href="#c<%category_no>" title="この項目の先頭へ"><%category_name> (<%category_count>)</a>&nbsp;</li>
<!--/category_nosub-->
<!--/category-->
</ul>
<p class="t_right" style="clear:both; margin-top:12px"><a href="./archives.html" title="通常のサイトマップへ">日付順の全記事一覧へ戻る</a></p>

<!-- ▼全記事一覧▼ -->
<div class="entry_title"><h2>カテゴリー別の記事一覧</h2></div>
<div class="all_m">

<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<!--titlelist--><!--/titlelist-->
スクリプト版 で表示されたページを 範囲選択 → 「選択部分のソースを表示する」 機能 を使って 表示されたソースをコピーし、ここに貼り付けます。
※必要な場所だけ、上手に範囲選択するのがポイントです！ javascript や id を含まないカテゴリー毎の一覧部分だけがコピーできますよ♪
<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->

</div><!--/class=all_m-->

<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

2. 3. 共通　<head> 部分　（スタイル設定）

<style type="text/css">
.all_mokuji a {
white-space:nowrap;
}
.t_right {
text-align:right;
}
.all_m h2,
.all_m h3.h2modoki {
margin:12px 0 12px 0;
padding:3px 8px 3px 11px;
border-bottom:1px solid #ffcccc;
border-left:9px solid #ff6699;
font-size:129%;
}
.all_m h3 {
margin:24px 12px 12px 0;
padding:3px 8px 3px 12px;
border-bottom:1px solid #99cc99;
border-left:8px solid #99cc66;
font-size:122%;
}
.all_m li {
margin:5px 5px 15px 41px;
line-height:1.4;
color:#666;
}
.all_m li a {
display:block;
font-size:125%;
}
.all_m li a:link {
color:#0066cc;
}
.all_m li a:hover {
color:#ff6699;
}
</style>

© ありのごとくあつまりて　http://arinogotokuatumarite.blog19.fc2.com/