discuz如何实现文章列表前的小图标

discuz如何实现文章列表前的小图标,第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,这也是可以的。

1打开网站根目录下/template/default/common/header_commonhtm文件

2找到

<title><!--{if !empty($navtitle)}-->$navtitle - <!--{/if}--><!--{if empty($nobbname)}--> $_G['setting']['bbname'] - <!--{/if}--> Powered by Discuz!</title>

3修改为

<title><!--{if !empty($navtitle)}-->$navtitle<!--{/if}--><!--{if empty($nobbname)}--> - $_G['setting']['bbname']<!--{/if}--></title>

4即可

以下是图解

discuz论坛放百度广告的方法如下:

登录论坛后台

2点击运营

3选择站点广告

4选择广告位

5点击添加

6填写相关信息和广告代码点击提交即可(因为这里没有广告代码所以没有成品图)

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » discuz如何实现文章列表前的小图标

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情