DISCUZ修改门户文章列表页模板的方法

将discuz门户文章列表页模板修改为图片+标题+（文章分类+发布时间）的形式!预览效果如下：

工具/原料

文本编辑器

方法/步骤

找到template/default/portal/list.htm文件，将其复制一份到你们模版文件夹下：重命名为list_名字.htm打开该文件，找到如下代码：

$value[title] ({lang moderate_need}): $value[summary]; {lang category}: $value[catname] $value[dateline]|{lang edit}|{lang delete}

将其修改为：

: $value[title] ({lang moderate_need}); {lang category}:$value[catname] $value[dateline]; |{lang edit}|{lang delete}

这里我将编辑和删除功能按钮单独放到了下方。修改后的样式如下图：

修改样式：接下来我们将这些循环的div块进行左浮动：在你的模板文件下的common.css文件下写上：.bbda{ float:left;}变成下图所示样式：

我们发现正文部分有左边的内边距。我们在common.css文件中写上：.xld{ padding:0;}即可。

每页显示个数与图片的大小根据需要自行修改图片大小：.xld .atc img{ max-width:190px; max-height:190px;}标题居中：.xld dd{ text-align:center}修改之后的样式如上演示图、

欧尼酱