![帝国CMS7.5自定义伪静态插件{SEO栏目优化利器}[支持7.2,7.5]](/d/file/p/2023/05-18/8178af1dd34b5d237a10b423d2fd908f.png)
本文关键字词：自定义伪静态，栏目目录伪静态，内容目录伪静态，帝国cms伪静态，SEO栏目优化......
2023-05-18 179
DISCUZ修改门户文章列表页模板的方法
来源：互联网
2023-03-14 19:32:40 版权归原作者所有，如有侵权，请联系我们
将discuz门户文章列表页模板修改为图片 标题 （文章分类 发布时间）的形式!
预览效果如下：
工具/原料
文本编辑器方法/步骤
1找到template/default/portal/list.htm文件，将其复制一份到你们模版文件夹下：
重命名为list_名字.htm
打开该文件，找到如下代码：
<dl class="bbda cl">
<dt><a href="$article_url" target="_blank" $highlight>$value[title]</a> <!--{if $value[status] == 1}-->({lang moderate_need})<!--{/if}--></dt>
<dd class="xs2 cl">
<!--{if $value[pic]}--><div><a href="$article_url" target="_blank"><img src="$value[pic]" alt="$value[title]" /></a></div><!--{/if}-->
$value[summary]
</dd>
<dd>
<!--{if $value[catname] && $cat[subs]}-->{lang category}: <label><a href="{$portalcategory[$value['catid']]['caturl']}">$value[catname]</a></label><!--{/if}-->
<span> $value[dateline]</span>
<!--{if $_G['group']['allowmanagearticle'] || ($_G['group']['allowpostarticle'] && $value['uid'] == $_G['uid'] && (empty($_G['group']['allowpostarticlemod']) || $_G['group']['allowpostarticlemod'] && $value['status'] == 1)) || $categoryperm[$value['catid']]['allowmanage']}-->
<span>
<span>|</span>
<label><a href="portal.php?mod=portalcp&ac=article&op=edit&aid=$value[aid]">{lang edit}</a></label>
<span>|</span>
<label><a href="portal.php?mod=portalcp&ac=article&op=delete&aid=$value[aid]" id="article_delete_$value[aid]" onclick="showWindow(this.id, this.href, 'get', 0);">{lang delete}</a></label>
</span>
<!--{/if}-->
</dd>
</dl>
<!--{/loop}-->
</div>
将其修改为：
<dl class="bbda cl">
<dt class="xs2 cl">
<!--{if $value[pic]}--><div><a href="$article_url" target="_blank"><img src="$value[pic]" alt="$value[title]" /></a></div><!--{/if}-->
</dt>
<dd><a href="$article_url" target="_blank" $highlight>$value[title]</a> <!--{if $value[status] == 1}-->({lang moderate_need})<!--{/if}-->
</dd>
<dd>
<!--{if $value[catname] && $cat[subs]}-->{lang category}:
<label><a href="{$portalcategory[$value['catid']]['caturl']}">$value[catname]</a></label><!--{/if}-->
<span> $value[dateline]</span>
</dd>
<dd>
<!--{if $_G['group']['allowmanagearticle'] || ($_G['group']['allowpostarticle'] && $value['uid'] == $_G['uid'] && (empty($_G['group']['allowpostarticlemod']) || $_G['group']['allowpostarticlemod'] && $value['status'] == 1)) || $categoryperm[$value['catid']]['allowmanage']}-->
<span>
<span>|</span>
<label><a href="portal.php?mod=portalcp&ac=article&op=edit&aid=$value[aid]">{lang edit}</a></label>
<span>|</span>
<label><a href="portal.php?mod=portalcp&ac=article&op=delete&aid=$value[aid]" id="article_delete_$value[aid]" onclick="showWindow(this.id, this.href, 'get', 0);">{lang delete}</a></label>
</span>
<!--{/if}-->
</dd>
</dl>
这里我将编辑和删除功能按钮单独放到了下方。
修改后的样式如下图：
修改样式：
接下来我们将这些循环的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
}
修改之后的样式如上演示图、
注意事项
内外间距、图片大小、以及边框根据需要修改。以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 网站
相关文章