| « prev next » |
著者: Jian Shuo Wang。 出版される: 2003年8月23日。 札: movabletype (11)
版権: この放棄およびリンクを保つ限りこの仕事を再分配して自由である。
Permlink: http://home.wangjianshuo.com/ja/20030823_adding_rank_bar_to_movabletype_entry.htm
最近、私はすべての最近の記入項目に気づくことができるように、臭い棒を加えた。
臭い棒は記入項目のタイトルのそれぞれに付す緑棒である。 それはその記入項目の下でコメントの数によって記入項目の人気を明らかにする。 より長いののより多くの持っているコメント。 棒にあなたのマウスを動かすとき、コメントの数は用具先端として示されている。 実際に、コメントシステム平均の幅のあらゆる10ピクセル1つのコメント。
私がこの特徴をある、コメントの数によってが記入項目間で釣り合っていないそれ設計していた場合の私が直面した問題。 ほとんどの記入項目に2つから5つのコメントがあるが、ある記入項目に100以上のコメントがある。 例えば、スパムの部門のこの1つに234のコメントが既にある。 私が1つのコメントのalgrithmごとの10ピクセルを使用すれば、それは幅の2340ピクセル、大きい固まりにページを回す。
最終的に、私は100ピクセルの幅の別の<span>の札を置き、隠されるに流出様式を置く、従ってスパンの外のすべての余分部分が皮である、従って最も長く可能な幅は100ピクセルであることを意味する。 (私は更新なしでこの幅の限定をこの記事将来変えるかもしれない)。
この特徴を実行するコードはここにある。
<divのclass= "コメント頭部"は記入項目を>Related: </div>
<ul><MTRelatedEntries>
<MTEntriesのlastn= " 6 " >
<li><aのhref= " <MTEntryLink> " ><MTEntryTitle></a> - <i><$MTEntryDateのformat= " %b %d、%Y " $></i>の<span style=の"幅: 100; 流出: 隠される; 「><img height= "の4」 alt= " <$MTEntryCommentCount$>のコメントの」 width= " <$MTEntryCommentCount$>0の" align= "のabsMiddleの" border= " 0の" src= " http://home.wangjianshuo.com/archives/2003/08/20/screen-rank.bar.gif " ></span>
</MTEntries>
</MTRelatedEntries>
この特徴についてどう思いますか。 それのようにか。 (MovableTypeによってblogおよびそれを所有するために動力を与えられれば)あなた自身のblogのそれを試みることができる。 コメントシステムのあなたのリンクを知らせなさい私達に貼りなさい。
「Prev: 操業停止DefeatMessengerおよびFightPopupsは無差別に送信する
次に」: 車の版=上海の38500 RMB