Materializing [マテリアライジング]

About Home

最近のエントリーにバッヂをつけてみる

arata (2006年11月18日 19:37)

カテゴリー表記部分に「New!!」という文字を表示させていたのですが、これを変更して Latestなバッヂを付けてみる事にしました。
このサイトでは、投稿日と現在の日を比較して、1日経ったら消えるようにしてます。明るめのバッヂ作ってみたので、パッと見てその日に書いたかどうか判るので便利です。

PHPスクリプト

以下のスクリプトを<head>~</head>内に記述します。

実表示部分

表示させたい箇所に以下のスクリプトを記述します。

表示させたい箇所、というのは、そのエントリーの日にちを判別出来る箇所、となります。
そして、上記例では「1」のところが「表示させる期間」になります。これを「3」にしたら3日間内のエントリーに表示される、ってことです。

CSS例

スタイルシートの記述例です。

New のテキストを弾き飛ばしてるので、上記のindentを消せばテキストも表示されます。


以上。

このサイトでは、月別・年別アーカイブでは16x16のアイコンサイズを表示させて、エントリー・日付・カテゴリーアーカイブでは大っきなバッヂをつけてみました。
1日経ったらちゃんと消えてくれるかな?←えぇ~!?


[参考記事]
失念したので、改めて判った時に書きます(´・ω・)


2006/11/20 00:22:46 追記:
表示日数について補足。
「実表示部分」の数値に関してですが、「1」では正確には2日表示になります。なので、完全に投稿した「その日」だけに適用させるには「0」を記述します。
「0」設定の場合、例えば23:55に投稿したら5分間だけの表示になります。0時回ってからの投稿だと、だいたい丸1日表示になりますね。
そんな違いがあります。
私の場合は夜中エントリーがほとんどなので「1」設定にしてます。


2007/05/04 19:51:45 追記:

「投稿お報せ」方法に関しての記事がたくさん上がってるので、私も過去の記事を上げてみました。

Materializing [マテリアライジング]

Materializing [マテリアライジング]

About Back

トラックバック(0)

トラックバックURL: http://www.materializing.net/weblog/mt-tb-270808.cgi/175

Materializing [マテリアライジング]

About This Site

基本的には自分のためのNoteって感じでゆるく運営中。
紹介している情報(サイトやWeb制作、CMS解説など)は、どちらかというと初心者向けです。
このサイト自体をWebに関する実験場として、Webの楽しいところや難しいところなど、伝え遺して行けたらなーと思ってます。


Name
新(arata)
Hobby
Driving,PC,Listening Music
Handling
Webサイト(CMS),Programming(PHP,Java),Webグラフィック
Profile Page URL
http://iddy.jp/profile/materializing/
Twitter
Twitter/arata
Other Info
My Profile by iddy

Create with jQuery, jQTouch.


CLOSE