如何让2中不同图片加内容在一个版块中用【内部调用】方式调用出来，高手指教！

先看下面的图，这个调用有点复杂，我试了半天都没调好，希望高手能指教！






其中背景图一和三为一个图片里调出来的，用2种CSS代码可以控制，





背景图二和四为2个图片显示十条数据的背景，每条都要用winth控制背景图宽度。

在调用时不能用【LOOP】....【/loop】整体调用，
具体源代码如下：

<span class="blank9"></span>
    <div class="titleBar ui_sr">
      <h2><a href="#">论坛发帖排行</a></h2>
    </div>
    <div class="content rankList">
    <div id="portal_block_378" class="block move-span"><div id="portal_block_378_content" class="content"><ul><li><span class="front">1</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-290-1.html" target="_blank">尖叫贴图</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">564503</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_44.gif) 0 0 no-repeat;width:58px;">　　</div>
</div>
</li><li><span class="front">2</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-2-1.html" target="_blank">CTN论坛</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">253274</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_44.gif) 0 0 no-repeat;width:50px;">　　</div>
</div>
</li><li><span class="front">3</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-249-1.html" target="_blank">社会图鉴</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">90692</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_44.gif) 0 0 no-repeat;width:45px;">　　</div>
</div>
</li><li><span class="sec">4</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-436-1.html" target="_blank">太诱惑/摄影</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">6803</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:40px;">　　</div>
</div>
</li><li><span class="sec">5</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-412-1.html" target="_blank">女人我最大</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">19957</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:35px;">　　</div>
</div>
</li><li><span class="sec">6</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-442-1.html" target="_blank">趣看天下</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">21065</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:30px;">　　</div>
</div>
</li><li><span class="sec">7</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-410-1.html" target="_blank">地方联盟</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">5676</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:25px;">　　</div>
</div>
</li><li><span class="sec">8</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-370-1.html" target="_blank">疑神疑鬼</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">13581</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:20px;">　　</div>
</div>
</li><li><span class="sec">9</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-448-1.html" target="_blank">国际观察</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">55170</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:15px;">　　</div>
</div>
</li><li><span class="sec">10</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="/forum-416-1.html" target="_blank">另类情感</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">6249</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background: url(comiis_163home/comiis_45.gif) 0 0 no-repeat;width:10px;">　　</div>
</div>
</li></ul></div></div></div>


我只能调用一段的代码数据,具体如下：

<ul>
[loop]
<li><span class="front">{currentorder}</span>
<div style="float:left; width:100px;">
<div style="float:left;width:70px;"><a href="{url}" {target}>{title}</a></div>
<div style="float:right;width:30px;"><span class="f12px cGreenBBS">{posts}</span></div>
</div>
<div style="float:right;width:60px;padding-left:5px;">
<div style="float:left;background:url(comiis_163home/comiis_44.gif) 0 0 no-repeat;width:58px;">　　</div>
</div>
</li>
[/loop]
[/ul]

而1,2,3条的数据为一个CSS样式，4-10条的又为一个CSS样式，如何用当前数据顺序{currentorder}代码来整体显示；

还有2个背景图显示10条数据的背景，用【loop】.....【/loop】循环代码似乎完全不可能实现！

希望高手能指教！

{:soso_e117:}