discuz如何实现文章列表前的小图标
其实很简单。
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版本号?
0条评论