Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] discuzx1.5图片列表模板的制作

[复制链接]
hk0730 发表于 2010-10-3 13:09:00 | 显示全部楼层 |阅读模式
本帖最后由 hk0730 于 2010-10-10 23:25 编辑

首先感谢网址为http://adminsir.net/thread-118-1-1.html的作者,使用他的代码节省了不少时间啊~~
使用上述的代码改了之后发现不好使,于是利用了下他的css文件,然后修改,步骤和他的一样

本人博客:http://www.hekun.name

效果图:


步骤一:
在\template\default\portal目录中找到list.htm,复制一份命名为:list_pic.htm
找到

  1. <!--[name]{lang portalcategory_listtplname}[/name]-->
复制代码
将portalcategory_listtplname更改为portalcategory_listpicranktplname,下面再打开\source\language\lang_admincp.php语言文件,搜索portalcategory_listtplname,在其下面添加'portalcategory_listpicranktplname' => '图片列表模板'

然后找到


  1.    <div class="bm_c xld">
  2.    <!--{loop $list['list'] $value}-->
  3.     <dl class="bbda cl">
  4.      <dt class="xs2"><a href="portal.php?mod=view&aid=$value[aid]" target="_blank">$value[title]</a> <!--{if $value[status] == 1}-->({lang moderate_need})<!--{/if}--></dt>
  5.      <!--{if $value[pic]}--><dd class="atc"><a href="portal.php?mod=view&aid=$value[aid]" target="_blank"><img src="$value[pic]" alt="$value[title]" /></a></dd><!--{/if}-->
  6.      <dd class="xs2">
  7.       $value[summary]
  8.      </dd>
  9.      <dd>
  10.       <!--{if $value[catname] && $cat[subs]}-->{lang category}: <label><a href="{echo getportalcategoryurl($value[catid]);}" class="xi2">$value[catname]</a></label>&nbsp;&nbsp;<!--{/if}-->
  11.       <span class="xg1"> $value[dateline]</span>
  12.       <!--{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']}-->
  13.       <span class="xg1">
  14.        <span class="pipe">|</span>
  15.        <label><a href="portal.php?mod=portalcp&ac=article&op=edit&aid=$value[aid]">{lang edit}</a></label>
  16.        <span class="pipe">|</span>
  17.        <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>
  18.       </span>
  19.       <!--{/if}-->
  20.      </dd>
  21.     </dl>
  22.    <!--{/loop}-->
  23.    </div>
复制代码

替换为:
  1. <!--图片列表-->
  2. <div class="mydl_width">
  3. <ul class="bbda cl myul">
  4. <!--{loop $list['list'] $value}-->
  5. <!--{if $value[pic]}--><li class="myliimg myli"><a href="portal.php?mod=view&aid=$value[aid]" target="_blank"><img src="$value[pic]" alt="$value[title]" /></a><br /><h3 class="myh3"><a href="portal.php?mod=view&aid=$value[aid]" target="_blank">$value[title]</a></h3>
  6. <!--{if $value[catname] && $cat[subs]}-->{lang category}: <label><a href="{echo getportalcategoryurl($value[catid]);}" class="xi2">$value[catname]</a></label>  <!--{/if}-->
  7. <!--{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']}-->
  8. <span class="xg1">
  9. <label><a href="portal.php?mod=portalcp&ac=article&op=edit&aid=$value[aid]">{lang edit}</a></label>
  10. <span class="pipe">|</span>
  11. <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>
  12. </span>
  13. <!--{/if}-->
  14. </li><!--{/if}-->
  15. <!--{/loop}-->
  16. </ul>
  17. </div>
  18. <!--图片列表结束-->
复制代码
步骤三:
将以下的css代码直接复制到common.css中
  1. /*自己添加图片列表模板*/
  2. .mydl_width{height:auto;padding:12px 0;}
  3. .mydl_width ul{ margin:0;padding:0;}

  4. .myul{}
  5. .myul li{width:160px;height:auto;display:block;float:left; margin-left:15px;margin-bottom:5px; text-align:center;}
  6. .myli{}
  7. .myh3{width:165px;height:20px;min-height:20px;line-height:22px;text-align:center;margin-top:3px;font-size:12px;}

  8. .myliimg img{padding: 2px; width: 160px; height: 160px; border: 1px solid #CCC; background: {WRAPBG}; }
复制代码

步骤四:
修改列表页的每页图片显示数量,打开\source\module\portal\portal_list.php文件,搜索$perpage = 15;将其改为$perpage = 16;

接下来就是在添加门户频道的时候选择图片列表模板,添加文章的时候再设定封面就可以了!


评分

1

查看全部评分

花到飞靡 发表于 2010-10-3 13:10:59 | 显示全部楼层
抢个沙发 呼啦啦~~
回复

使用道具 举报

天使社区 发表于 2010-10-3 13:13:18 | 显示全部楼层
回复

使用道具 举报

天使社区 发表于 2010-10-3 13:13:38 | 显示全部楼层
演示呢
回复

使用道具 举报

 楼主| hk0730 发表于 2010-10-3 13:17:56 | 显示全部楼层
回复 天使社区 的帖子

顶部有截图啊~
回复

使用道具 举报

PANPANLUO 发表于 2010-10-3 13:35:40 | 显示全部楼层
不错,漂亮!!
回复

使用道具 举报

白领街 发表于 2010-10-3 13:45:48 | 显示全部楼层
回复

使用道具 举报

Smirk 发表于 2010-10-3 14:36:33 | 显示全部楼层
回复

使用道具 举报

9#
无效楼层,该帖已经被删除
jm611 发表于 2010-10-5 16:12:58 | 显示全部楼层
顶了。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 07:32 , Processed in 0.072800 second(s), 9 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表