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

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

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

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

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

<!--▼サイトマップ▼-->

~(中略)~

<div class="display_no">
<ul>
<!--titlelist-->
<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">
<!--▼newマーク▼-->
nw2(<%titlelist_year>,<%titlelist_month>,<%titlelist_day>,<%titlelist_hour>)
<!--▲newマーク▲-->
//--></script>


</li>
<!--/titlelist-->
</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>

<!--/category-->

</div><!-- /maplist -->
</div><!--/plugin3_body-->
</div><!--/plugin3_outline-->
<!--/titlelist_area-->
<!--▲サイトマップ▲-->


これで親子カテゴリ対応サイトマップに新着表示Newマークを付けることが出来ます。
関連記事
[ 7997 ]
いつもお世話になっております。
Novelテンプレート管理人はっちでございます。
今回も、すばらしいカスタマイズのご紹介ありがとうございます!
実は、カテゴリ別タイトルリストの新着マークは、以前より表示させたいと思いながらも、自力ではどうしてもうまくいかなかったのです。
その待ちに待ったカスタマイズを、せっかくいたお様がご紹介してくださっていたのに、昨日まで、二ヶ月近くも気づかずにいたなんて、いまさらながら自分のまぬけさ加減にあきれてしまう…(-_-;)!

ぜひ、このカスタマイズを拙作テンプレにも導入させていただきたく、お願い申しあげます。
まずは取り急ぎお願いまで
はっち拝
[ 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 ]
サイトマップは、プラグイン3と同じ設定にされているので、
.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 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

親子カテゴリ対応サイトマップに新着表示Newマークを付ける
先日「カテゴリ別全記事一覧で新着New表示」の記事書いた際、Newマークが2つ連続で表示されてしまう問題が出ていましたが、「FC2ブログのテン...
全記事一覧ページに新着マークを設定する
 カスタマイズの難易度2 いつもお世話になっているFC2ブログのテンプレート工房のいたお様が、全記事一覧ページの記事タイトルに新着マー...
[2010/01/22 23:09] Novel テンプレート
Javascriptのヤロウ(八つ当たり)
当ブログは、いたおさんが配布されているテンプレートをお借りし、 これまた、いたおさん運営の"FC2ブログのテンプレート工房"の お力でカス...
[2010/05/03 01:08] シュミとニチジョウ
-
管理人の承認後に表示されます
[2011/10/05 18:05]
ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ユーザータグ


△ ページトップへ戻る