shinsignalのプロフィール

XOOPSテンプレートの変更をしたいのですが、やり方が分かりません。 ■[内容] 現状:テーブルにある物をすべてリスト表示 ↓ 変更:リスト表示するものの上位5番目ぐらいまでのリストに、1位・2位・3位・4位・5位とのアイコンを表示させたい ↓ 方法:リスト表示に、<li class="list1">のようにclass属性を動的に付けることが出来れば、後はCSSで画像を背景に敷くことで対応できるのではないかと考えています。(フツーはどうするのか教えていただければ嬉しいです) ■[現状のコード] <ul> 　<{foreach item=photo from=$block.photo}> 　　<li><a href="<{$block.mod_url}>/index.php?lid=<{$photo.lid}>&amp;cid=<{$photo.cid}>"><{$photo.title}></a> (<{$photo.hits}> <{$photo.suffix}>) 　　</li> 　<{/foreach}> </ul> ■[現状の出力結果] <ul> 　<li> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=2&cid=1">サンプル1</a>(5 hits) 　</li> 　<li> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=4&cid=3">サンプル2</a>(4 hits) 　</li> </ul> ■[やりたい出力結果] <ul> 　<li class="list1"> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=2&cid=1">サンプル1</a>(5 hits) 　</li> 　<li class="list2"> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=4&cid=3">サンプル2</a>(4 hits) 　</li> </ul> ■質問内容 現状、foreachで<li>だけをループ処理にて取得しているコードへ対して、 リスト表示に、<li class="list1">のようにclass属性を動的につけて取得するには、 どうすればよいのでしょうか。