DX门户频道文章图片封面列表模板及教程

quanshiyinian

discuz默认的门户文章列表是“标题+摘要+封面”的显示方式，本模板可以实现文章列表按封面图片(即缩略图)以矩阵排列方式显示，适合用门户功能的图片类站点或需要以封面为主要显示方式站点。封面可以在你上传的图片附件中选择，封面自动裁切原始图不会有水印，有管理权限的ID登陆会显示编辑和删除链接。

实现步骤：
1、首先开启门户缩略图，大小我这边用的是160×120


2、可以将缩略图质量适当修改，我用80，80的质量168×126的图片几乎看不出有什么影响，这样生成的缩略图容量比较小



3、我右侧边栏宽度是250像素，DX默认的220像素什么广告都不合适放，因此需要改下控制边栏的css代码，打开文件template\default\common\common.css，找到以下代码

1. .ct2 .mn { float: left; width: 730px; margin-bottom: 1em; }
   
2. .ct2 .sd { float: right; width: 220px; overflow: hidden; _overflow-y: visible; }

复制代码

将220改为250，同样730改为700


4、将以下文章图片封面列表模板用到的CSS代码复制粘贴到template\default\common\common.css的最后

1. <blockquote><blockquote>/*0512dz.com门户频道文章图片列表*/

复制代码

以上代码可控制图片、标题的宽度高度，边框，背景等，当然也可以实现一行显示两张图片封面或四张图片封面等，懂CSS的一看就知道


5、将门户图片封面列表模板文件放到template\default\portal下，更新缓存

list_pic.rar (1.38 KB, 下载次数: 14)

2014-12-13 23:24 上传

点击文件名下载附件
6、在后台频道详细设置里的列表页模板名中选择昆山打折网门户文章图片列表，每页显示文章数填好适合你的数字

更新缓存即可。


封面列表diy.zip (2.54 KB, 下载次数: 15)

2014-12-13 23:28 上传

点击文件名下载附件

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！