当前位置：
  1. 首页
  2. 技术分享
  3. CSS
  4. 正文

最近在弄discuz论坛，因为discuz在国内主流搜索引擎特友好，所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法：

第一步，我们先在主题列表页自定义自己的css

修改文件位置：

discuz根目录/template/你当前的主题模板/forum/forumdisplay_list.htm

直接编辑 forumdisplay_list.htm 然后搜索 xw0 ，在如下图的位置
Discuz根据不同版块区域设置图片主题列表显示不同尺寸
在后面增加

id="xulgr-listimg"

如下图
Discuz根据不同版块区域设置图片主题列表显示不同尺寸2
再到头部引入自定义样式，可以在

discuz根目录/template/你当前的主题模板/forum/common/header.htm

中添加，样式如下：

<style>
#xulgr-listimg img{

/* 版块一 */
{if $_G['fid']==2}width:260px;height:146px;{/if}

/* 版块二 */
{if $_G['fid']==3}width:260px;height:146px;{/if}

}
</style>

其中fid是对应版块的fid，可以在链接查看，如果你开了伪静态，可以在后台管理 – 论坛 中将鼠标移至对应子版块后面的“编辑”上可以看到对应的fid；

这里其实主要是设置height值，宽度可以到后台管理 – 界面 – 界面设置 – 主题列表页设置，在管理这设置的其实是每个主题的宽度，这样可以适应你的模板的宽窄度数，所以我们自定义的样式width值可有可无，设100%都没关系的。

上一篇 SVG图标文件制作
下一篇 Discuz全局变量$_G详解

相关文章

发表回复

后才能评论

评论(4)