1个回答
展开全部
其实很简单。
diy默认的列表代码类似这样的
<div class="module cl xl xl1">
<ul>
[loop]
<li><a href="{url}" title="{title}"{target}>{title}</a></li>
[/loop]
</ul>
</div>
改造:去掉class="module cl xl xl1" 例如换成class="video-list",然后在每个<li>里加个<em></em>,再加上对应的css,完整代码如下:
<style>
.video-list li{padding-left:25px;}
.video-list li em{background:url(图标地址) no-repeat center center;}
</style>
<div class="video-list">
<ul>
[loop]
<li><em></em><a href="{url}" title="{title}"{target}>{title}</a></li>
[/loop]
</ul>
</div>
图标地址自己换下,<em>的背景图就是那个摄像机的图标。
因背景不占位,所以要让<li>内左边距让出25px。
css代码最好放css文件里去。
哎,或许em多余了。。
直接在.video-list li里加背景图,x轴左,y轴居中,依然让出25px,这也是可以的。
更多追问追答
追问
追答
你打开这个图片地址 看看能不能看到图。
css也可以放到common.css里。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询