| « prev next » |
Auteur : Jian Shuo Wang. Édité : 23 août 2003. Étiquette : movabletype (11)
Copyright : Vous êtes libre pour redistribuer ce travail, tant que vous gardez ces déni et lien.
Permlink : http://home.wangjianshuo.com/fr/20030823_adding_rank_bar_to_movabletype_entry.htm
Récemment, j'ai ajouté les barres luxuriantes à toutes entrées récentes, comme vous avez pu avoir noté.
Les barres luxuriantes sont les barres vertes attachées à chacun des titres d'entrée. Elle indique la popularité de l'entrée par le nombre de commentaires sous cette entrée. Plus le long, plus les commentaires qu'il a. Quand vous passez votre souris à la barre, le nombre de commentaires est montré comme pointe. En fait, chaque Pixel 10 de largeur des moyens de système de commentaire 1 commentaire.
Le problème que j'ai rencontré quand je concevais ce dispositif est, cela le nombre de commentaires ne sont pas équilibré parmi les entrées. Bien que la plupart des entrées aient 2 à 5 commentaires, quelques entrées ont plus de 100 commentaires. Par exemple, celui-ci dans la catégorie de Spam a 234 commentaires déjà. Si j'emploie le Pixel 10 par 1 algrithm de commentaire, ce sera le Pixel 2340 de largeur et transformera les pages en grande masse.
En conclusion, je mets une autre étiquette de <span> avec la largeur du Pixel 100 et place le modèle de débordement à caché, qui signifie que toute partie supplémentaire en dehors de l'envergure est peau, ainsi la plus longue possible largeur est le Pixel 100. (Je peux changer cette limitation de largeur sans mise à jour cet article à l'avenir).
Voici le code pour mettre en application ce dispositif.
le class= " commenter-tête " de <div >Related des entrées : </div>
<ul><MTRelatedEntries>
lastn= " 6 " de <MTEntries >
largeur de style= <span de $></i> " de href= " de <li><a " <MTEntryLink> " ><MTEntryTitle></a> - format= de <i><$MTEntryDate " %b %d, %Y : 100 ; débordement : caché ; alt= " border= " du height= " 4 » « de ><img d'absMiddle de " align= " du » width= " <$MTEntryCommentCount$>0 " de commentaires de <$MTEntryCommentCount$> 0 " src= " http://home.wangjianshuo.com/archives/2003/08/20/screen-rank.bar.gif " ></span>
</MTEntries>
</MTRelatedEntries>
Que pensez-vous à ce dispositif ? Comme lui ? Vous pouvez l'essayer sur votre propre blog (si vous posséder un blog et lui est actionné par MovableType). Coller votre lien dans le système de commentaire nous faire savoir.
« Prev : Arrêt DefeatMessenger et Spam de FightPopups
Après » : Un plat de voiture = 38500 RMB à Changhaï