九十九電機ロゴ  125x125  黒 125x125 商品バナー(AeroMini)  PCのセキュリティ対策なら、全自動更新のマカフィーで!  アメリカン・エキスプレス

月にどの位エントリーしてるか、リンクも絡めて色で表示

delicious はてな この記事をクリップ! | 2005年01月23日19:33 | 編集

 何の役にも立たないのですけど、何か一寸可愛いかな、とか思って作ったものです。 で、作ってみたらそんなに可愛くもなくてウンザリしてしまいつつ、どうせ作ったんだしまぁいいか、と「いつもの納得」。

月別アーカイブをどんな風に表示するか、というのは、私自身が月別アーカイブを殆ど見ないという事もあって、言わば実験場であるのが実情なんですけれども(ウソ)、単なるプルダウンメニューだけでは余りに芸が無いかな、と思ってはいました。 でも、だからと言えどうしたものか。

結局ずらずらと月ごとに何かしらの情報を並べるのが落ちであり私が考えられる限界なので(並だ)、その月のエントリー数が少なければ青、多ければ赤で、後はグラデーションでもって配色していけば、何となく面白いかな...って、「何となく」な気持ちで作ってまして...。

上の画像のように、31枚のpng画像を作りました。 んでソースはJavaScriptを絡めて

<MTArchiveList archive_type="Monthly">
<a href ="<$MTArchiveLink$>" title="<$MTArchiveTitle$> (<MTArchiveCount>entries)">

<script type="text/javascript">

var mnn = <MTArchiveCount>;
if (mnn > 300) {mnn = 300;};
if (mnn != 0) {mnn = Math.floor(mnn/10);};
var mnurl = "<$MTBlogURL$>hogehoge/" + mnn + ".png";
document.write('<img src="' + mnurl + '" alt="" height="8" width="8" border="0" />');

</script>

</a>
</MTArchiveList>

こんな感じ。 私のサイトでは月に300強のエントリーが最大なので、マックスを300にして、それ以上は300として真っ赤で表示します(if (mnn > 300) {mnn = 300;})。これ以上の記録は出ないかと思われます。 だってdesktopper.net時代のエントリーを一気に移行したのだもの。 それに1日10エントリーを1ヶ月ぶっ通しだなんて、出来る訳が..。

エントリーが0であればそのままですけど、1〜300であれば10で割って余りを捨てます。 画像は31枚なので、10区切りでオッケーなので、10で割る、と。 もしマックスが210であれば7で割る、と。

後はそれに則した画像を表示するだけ。

だけど、30枚も用意する事は無かったんじゃないかと少々反省。 でも割り方をもっと大雑把にすれば対応出来るし、まぁ、いいか、と。




Search

Archives

Contact

■Administrator
padmacolors@gmail.com

■Akane Miyashita
akane.padma@gmail.com
イラスト、デザインのお仕事を承ります!

フィードメーター - padma colors / 

スカウター : padma colors / 

(C) 1997-2008 padma colors All Rights Reserved. Powered by Movable Type. RSS feed