dellcampaign3_468x60

« カラフルな壁紙1 | メイン | ガッチャマンCM 期間限定で復活 »

2006年02月21日

■ 新着内容にNewマークを付ける

いつもお世話になっている小粋空間さんのサイトで今丁度やっていた事が載ってあったので早速導入しました。
導入したものは
新着エントリーに New マークをつける

(実際、他にもいっぱいいろんな所で小粋空間さんのカスタマイズは使用させてもらってていつかまとめて書きたいと思ってます(; ̄ー ̄A )

これを見る前までは、以前作っていたサイトで使用していたCGI-PLANETさんの所で公開されているGET STAMP(更新日時表示用CGI)を使用しようとしていました。がカテゴリーの部分は、数が増えることもあるので、その都度、管理画面にも登録する必要が出てくるので面倒かな~と思っていた時だったので非常に助かります。ただ固定的なメニュー(ここのブログで言うと左上のMenuの所)はファイル数も少ないのでGET STAMPのCGIを使うことにします。

以下、設定方法
ファイルの設定などは小粋空間さんのところで載っているので、それをそのままコピー。文字だけで無く画像も表示できるようになっていますが、ここではテキストで表示することにしました。そのまま貼り付けてあっさりNew!と言う文字が表示できました。ただ色が普通のテキスト色だったので、そのスタイルシートにクラスを追加。小粋空間さんのテンプレートでredのclassがあったのでそのままnewで追加しました。

スタイルシート(styles-site.css)追加
.new{
color: #e50003;
}

あとは、最近のエントリーの表示で、New!の文字を後ろに持っていくと複数行の時、わかりにくいかな~と思い、エントリーの先頭にNew!文字を持って行きました。自分の所は<li>~</li>を使っているのでその中で丸ごと<li>の直後へコピー。

<MTEntries lastn="10">
<MTDateHeader>
<ul><$MTEntryDate format="%m/%d"$>
</MTDateHeader>
<li><span class="new"><!--<$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$>--></span> <a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a></li>
<MTDateFooter>
</ul>
</MTDateFooter>
</MTEntries>

トラックバックURL


※Trackback 元の IP と、Blog URL の IP アドレスが一致しない場合、登録まで時間かかることがあります。またトラックバックが一方通行やコメントが書き込めないサイトに関しては削除することがあります。ご了承下さい。

コメントする