FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

親子カテゴリ対応サイトマップに新着表示Newマークを付ける

以前紹介した親子カテゴリ対応サイトマップに、新着表示であるNewマークを表示する方法を紹介します。

HTMLを編集します。
下記の赤い部分を加えてください。

～（中略）～

<div class="display_no">
<ul>

<li name="<%titlelist_category_no>" id="<%titlelist_category_no>">
<a href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a>
-　<%titlelist_year>.<%titlelist_month>.<%titlelist_day>

<script type="text/javascript">

nw2(<%titlelist_year>,<%titlelist_month>,<%titlelist_day>,<%titlelist_hour>)

//--></script>

</li>

</ul>
</div>

～（中略）～

if(list.length > 0) document.write('</ul>');

function nw2(u1,u2,u3,u4) {
var today=new Date();
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<font color="#ff0000" size="2">NEW!!</font>')}
}

//--></script>

<div class="pgtop"><a href ="#mapnavi_title" title="カテゴリ一覧へ戻る">△ カテゴリ一覧へ戻る</a></div>

</div>



</div>
</div>
</div>

これで親子カテゴリ対応サイトマップに新着表示Newマークを付けることが出来ます。

関連記事

縦メニューの階層化 (2009/12/06)
縦メニューの設置 (2009/12/04)
メニューバーに最新記事と最新コメントを表示する (2009/12/01)
親子カテゴリ対応サイトマップに新着表示Newマークを付ける (2009/11/25)
ページ送りナビゲーションに枠を付ける (2009/11/23)
プラグインフリーエリア等の中身を横に４つ並べて表示する (2009/11/19)
プラグイン「最新記事」に表示される記事タイトルが長過ぎる場合は省略する (2009/10/28)

[ 2009/11/25 22:07 ] カスタマイズ共通カスタマイズ | TB(4) | CM(12)

≪ 記事とコメント欄の間にフリースペースを設置 (standard) | HOME | ページ送りナビゲーションに枠を付ける ≫

[ 7997 ]

いつもお世話になっております。
Ｎｏｖｅｌテンプレート管理人はっちでございます。
今回も、すばらしいカスタマイズのご紹介ありがとうございます！
実は、カテゴリ別タイトルリストの新着マークは、以前より表示させたいと思いながらも、自力ではどうしてもうまくいかなかったのです。
その待ちに待ったカスタマイズを、せっかくいたお様がご紹介してくださっていたのに、昨日まで、二ヶ月近くも気づかずにいたなんて、いまさらながら自分のまぬけさ加減にあきれてしまう…(-_-;)！

ぜひ、このカスタマイズを拙作テンプレにも導入させていただきたく、お願い申しあげます。
まずは取り急ぎお願いまで
はっち拝

[ 2010/01/22 23:33 ] [ 編集 ]

[ 7999 ] > Novelテンプレート管理人はっちさん

いつもトラックバックしてくれてありがとうございます。
どうぞ遠慮なく導入してください＾＾

[ 2010/01/22 23:41 ] [ 編集 ]

[ 8007 ]

ありがとうございます！
御言葉に甘えて、昨日承認された新作テンプレートにも、全記事一覧ページの新着マークを導入させていただきました♪

いつもお世話になってばかりで、心苦しいばかりですが、
今年もどうぞよろしくお願い申しあげます。<m(__)m>

[ 2010/01/24 08:51 ] [ 編集 ]

[ 8021 ] > Novelテンプレート管理人はっちさん

いつもご丁寧に恐縮です。
こちらこそ今年もよろしくお願いします＾＾

[ 2010/01/25 00:29 ] [ 編集 ]

[ 8458 ]

いつもお世話になっております。
テンプレートをお借りしているSpeirsと申します。

ブログを始め、テンプレートをだんだんとカスタマイズできるようになってきました。
これもいたおさんがカスタマイズ方法を詳しく解説してくださっているお陰です。

そこで本題ですが、プラグインタイトルや記事タイトルと同じようにサイトマップのタイトル枠に
色をつけたいのですが、スタイルシートにどのように記述をしたらよいのでしょうか。

この記事に対しての質問ではないのですが、カスタマイズ法を探せなかったので
ここに質問させていただきました。

ご多忙の中申し訳ないのですが、ご連絡のほどよろしくお願い致します。

[ 2010/02/18 22:08 ] [ 編集 ]

[ 8459 ]

サイトマップは、プラグイン３と同じ設定にされているので、
.plugin3_title {
～
}
上記の部分を編集してください。

[ 2010/02/18 22:18 ] [ 編集 ]

[ 8460 ]

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

プラグイン3のスタイルシートを以下のように変更したのですが、反映されません・・・。
なぜかわかりますでしょうか。

.plugin3_title {
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#000000; /* 背景色 (タイトル) */
border: #dd00dd 1px solid; /* 枠 (タイトル) */
padding:5px 20px;
}

[ 2010/02/18 23:00 ] [ 編集 ]

[ 8461 ]

>>tskillさん。

申し訳ありません。
IE8ではきちんと表示されていました。
firefoxではうまく表示されないのでしょうか・・・。

お手数をおかけしました<(_ _)>

[ 2010/02/18 23:19 ] [ 編集 ]

[ 8463 ]

連投すみません(>_<)
「トラブル解決」の記事を読み、スタイルシートに全角が含まれていたため、firefoxできちんと表示されていませんでした・・・。
コメントする前に確認するべきでした。申し訳ありません。

コメントくださったtskillさんありがとうございました。

[ 2010/02/18 23:31 ] [ 編集 ]

[ 8464 ]

>>Speirsさん
全角の原因もあるかもしれませんが、F5キーを押すと更新されますよ。
FireFoxは、何故かCSSの更新されない…。

[ 2010/02/18 23:51 ] [ 編集 ]

[ 8466 ]

>>tskillさん
それはいいことをお聞きしました。
やはり更新されないこともあるんですね。
今度試してみます。

[ 2010/02/18 23:58 ] [ 編集 ]

[ 8682 ] トラックバックさせて頂きました

いたおさん、いつもお世話になっております。
この度誠に勝手ながら、トラックバックさせて頂きました。
事後報告となってしまい、申し訳ありません。

トラバさせて頂いた私の記事に無礼な点が御座いましたら、
トラバの消去をして頂きたいと思います。
その際はお手を煩わせてしまう事になり、恐縮ですが
宜しくお願い致します。

[ 2010/05/03 01:14 ] [ 編集 ]

コメントの投稿