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,这也是可以的。

应该是收录的吧,不过你可以试下icon

百度一下“ico制作”,就能找到很多ico制作软件。

>02

然后点击ico制作软件,如图中所示,然后再点击upload image即上传。

>03

然后选择一张,任意都可以,不过还是建议:用正方形,中标志尽量占据绝大部分,这样生成的ico才能更加清晰。

>04

上传成功后,需要选择ico的尺寸大小,这个可以按照自己的需求来选择,一般选择4848的比较好,这样的会比较清晰一些。

共2图>05

然后,ico制作软件就会成一个如图中名字的ico,但是要传到网站上,必须修改的名称为faviconico,这是固定格式,然后用FTP将faviconico上传到网站根目录下即可。

管理后台--界面--界面设置--首页设置---有一个缩略显示在线列表:

如果打开该选项,在线列表将只显示在线用户数,不显示详情,此时会员可手动打开在线用户列表(最大在线超过 500 人系统将自动缩略显示在线列表)

咳咳,我有点好奇你的问题,首先你问题的标题我没怎么理解明白,这是你现在论坛的样式还是希望你把论坛的图标改成这样?

<td class="fl_g"{if $forumcolwidth} width="$forumcolwidth"{/if}>

<div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>

<!--{if $forum[icon]}-->

$forum[icon]

<!--{else}-->

<a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}gif" alt="$forum[name]" /></a>

<!--{/if}-->

</div>

<dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>

<dt><a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em class="xw0 forum_xi1" title="{lang forum_todayposts}">$forum[todayposts]</em><!--{/if}--></dt>

<!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: <!--{echo dnumber($forum[threads])}--></em>, <em>{lang forum_posts}: <!--{echo dnumber($forum[posts])}--></em></dd><!--{/if}-->

<dd>

<!--{if $forum['permission'] == 1}-->

{lang private_forum}

<!--{else}-->

<!--{if $forum['redirect']}-->

<a href="$forumurl" class="xi2">{lang url_link}</a>

<!--{elseif is_array($forum['lastpost'])}-->

<!--{if $forumcolumns < 3}-->

<a href="forumphpmod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum[lastpost][subject], 30)}--></a> <cite>$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G[setting][anonymoustext]<!--{/if}--></cite>

<!--{else}-->

<a href="forumphpmod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>

<!--{/if}-->

<!--{else}-->

{lang never}

<!--{/if}-->

<!--{/if}-->

</dd>

<!--{hook/index_favforum_extra $forum[fid]}-->

</dl>

</td>

上面这是Discuzhtm里面的代码,就是管首页版块列表的显示的,你试试找风格目录下面的这个文件,把对应的代码改成我上面给出的这些代码应该就行了。别忘了做备份。另外LZ你能否提供你的DISCUZ版本号?

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

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情