lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
阅读:5571回复:21

[模板发布]PW9.0.1门户 频道模板,随手仿制的,可做新闻资讯用

楼主#
更多 发布于:2015-08-18 17:42
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
内容列表图片懒加载显示,其实我想说PW9 制作模板很简单 很方便,今天闲着看到一个网上的页面,就想着仿制的试试(在原页面的基础上加入了幻灯片),大约只用了3小时时间,结果就是下面的样子,模板默认宽度是1040PX,如需其他宽度 可自行修改CSS文件,模板编码UTF8。
本地测试没有什么问题,如有不好的地方大家慢慢调整,毕竟是业余做的。
special_index_run.zip

本地测试的样子:(UTF-8编码)

图片:2015-08-19T05-30-40.003Z.jpg


[lusong1于2015-08-19 13:37编辑了帖子]
adyans
一星会员
一星会员
  • 发帖数100
  • 铜币274两
  • 威望20点
  • 贡献0点
  • 注册日期2015-03-09
  • 最后登录2015-10-15
  • 社区居民
  • 忠实会员
沙发#
发布于:2015-08-18 19:34
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
这个不错,正需要
pone
论坛版主
论坛版主
  • 发帖数1187
  • 铜币22190两
  • 威望250点
  • 贡献0点
  • 注册日期2009-09-15
  • 最后登录2017-10-05
  • 社区居民
  • 忠实会员
  • 最爱沙发
板凳#
发布于:2015-08-18 19:57
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
精彩分享!!!
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
3楼#
发布于:2015-08-18 20:20
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
index.htm文件里面有个地方需要修正一下,幻灯片部分的代码改为如下:
<!-- 幻灯片-695x250 -->
    <div id="J_slides" class="home_push_slide">
    <pw-list>
    <div class="slides_container"> 
        <for:> 
         <div class="slide">
             <a href="{url}" title="" target="_blank"><img src="{thumb|695|280}" width="695" height="280" alt="{title}"></a>
                <div class="caption">
                    <div class="h2"><a href="{url}" target="_blank">{title|20}</a></div>
                </div>
        </div> 
        </for> 
    </div> 
    <ul class="J_slides_num num"> 
    <for:> 
        <li><a href="">{$__k+1}</a></li> 
    </for> 
    </ul> 
    </pw-list>
</div> 
<!--幻灯片结束-->
元芳
总版主
总版主
  • 发帖数13516
  • 铜币64950两
  • 威望47108点
  • 贡献57217点
  • 注册日期2007-02-01
  • 最后登录2017-09-21
  • 终身成就奖
  • 诚信商户
  • 资深侠客
  • 资深版主
  • 社区运营大师
  • 模范会员奖
  • phpwind功勋
  • 热心助人奖
  • 原创先锋奖
  • 最佳建议奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀版主奖
  • 民间侠客
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
4楼#
发布于:2015-08-18 21:17
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
lusong1:index.htm文件里面有个地方需要修正一下,幻灯片部分的代码改为如下:
<!-- 幻灯片-695x250 -->
    <div id="J_slides" class="home_push_slide">...
回到原帖
亲,欢迎加入到云市场开发者阵营。
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
5楼#
发布于:2015-08-18 21:50
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
元芳:亲,欢迎加入到云市场开发者阵营。回到原帖
我倒是想啊, 可惜没有太多精力用到这方面,我这纯粹是业余自学瞎摆弄的。
liguoyuan
新手上路
新手上路
  • 发帖数12
  • 铜币110两
  • 威望5点
  • 贡献0点
  • 注册日期2014-12-08
  • 最后登录2016-07-17
  • 社区居民
6楼#
发布于:2015-08-19 17:01
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
运行时左边列显示有问题
PW是魔鬼的步伐
PW moblie内测组
PW moblie内测组
  • 发帖数1452
  • 铜币1718两
  • 威望661点
  • 贡献0点
  • 注册日期2015-01-12
  • 最后登录2017-04-23
  • 社区居民
  • 忠实会员
  • 最爱沙发
7楼#
发布于:2015-08-19 17:08
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
 还是有一点小小的问题,很期待楼主修复安装包
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
8楼#
发布于:2015-08-19 19:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
liguoyuan:运行时左边列显示有问题回到原帖
火狐,IE9下面测试是没有问题的,这个模板默认宽度是1040PX,其他宽度下面没有测试。
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
9楼#
发布于:2015-08-19 19:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
PW是魔鬼的步伐:还是有一点小小的问题,很期待楼主修复安装包回到原帖
火狐,IE9下面测试是没有问题的,这个模板默认宽度是1040PX,其他宽度下面没有测试。
scbz0827
一星会员
一星会员
  • 发帖数65
  • 铜币630两
  • 威望35点
  • 贡献0点
  • 注册日期2013-02-27
  • 最后登录2016-08-29
  • 社区居民
  • 忠实会员
10楼#
发布于:2015-08-19 21:00
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
css里那里改呀,没有找到
沙口集
三星会员
三星会员
  • 发帖数589
  • 铜币2130两
  • 威望251点
  • 贡献0点
  • 注册日期2015-01-18
  • 最后登录2016-08-03
  • 社区居民
  • 忠实会员
11楼#
发布于:2015-08-20 06:37
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
高手~精彩分享~
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
12楼#
发布于:2015-08-20 15:16
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
scbz0827:css里那里改呀,没有找到回到原帖
建议修改左边宽度(右侧不要动,右边涉及到很到需要修改的地方):
左边宽度:
.iMain {
    width:695px;
    float:left;
}
这是列表文字宽度:
.arcListBox .imgItem .text {
    float:right;
    width:475px;
}
1.如果想修改到980PX宽度,可以这样修改:
695PX655PX475PX435PX

2.在修改幻灯片宽度:
.home_push_slidewrap {
    float:left;
    width:695px;
    display:inline;
    height:260px;
}
.home_push_slide {
    height:260px;
    overflow:hidden;
    position:relative;
    width:695px;
    background:#f5f5f5;
}
695PX645PX

按照上面的方法,任意宽度都可以修改
scbz0827
一星会员
一星会员
  • 发帖数65
  • 铜币630两
  • 威望35点
  • 贡献0点
  • 注册日期2013-02-27
  • 最后登录2016-08-29
  • 社区居民
  • 忠实会员
13楼#
发布于:2015-08-20 20:23
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
lusong1:建议修改左边宽度(右侧不要动,右边涉及到很到需要修改的地方):
左边宽度:
.iMain {
    width:695px;
    float:left;
}这是列表文字宽度:
.arcListBox .imgItem .t...
回到原帖
页面整体宽只有960
怎么设置1000
左680有一个分割线

图片:QQ图片20150820202102.png

547888786
四星会员
四星会员
  • 发帖数1364
  • 铜币975两
  • 威望75点
  • 贡献0点
  • 注册日期2007-03-05
  • 最后登录2016-11-03
14楼#
发布于:2015-08-20 20:28
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
还行吧,不实用
上一页
游客

返回顶部