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

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

楼主#
更多 发布于:2015-08-18 17:42
内容列表图片懒加载显示,其实我想说PW9 制作模板很简单 很方便,今天闲着看到一个网上的页面,就想着仿制的试试(在原页面的基础上加入了幻灯片),大约只用了3小时时间,结果就是下面的样子,模板默认宽度是1040PX,如需其他宽度 可自行修改CSS文件,模板编码UTF8。
本地测试没有什么问题,如有不好的地方大家慢慢调整,毕竟是业余做的。
special_index_run.zip

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

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


[lusong1于2015-08-19 13:37编辑了帖子]
6条评分, 铜币 +25 威望 +25
  • lin21070738
    威望 +5
    有理有据,令人信服~
    2015-08-20 21:07
  • lin21070738
    铜币 +5
    有理有据,令人信服~
    2015-08-20 21:07
  • 元芳
    威望 +10
    精彩分享!!!
    2015-08-18 21:17
  • 元芳
    铜币 +10
    精彩分享!!!
    2015-08-18 21:17
  • pone
    威望 +10
    精彩分享!!!
    2015-08-18 19:57
  • pone
    铜币 +10
    精彩分享!!!
    2015-08-18 19:57
喜欢11 评分6
缘聚心然 让心宁静
adyans
一星会员
一星会员
  • 发帖数100
  • 铜币274两
  • 威望20点
  • 贡献0点
  • 注册日期2015-03-09
  • 最后登录2015-10-15
  • 社区居民
  • 忠实会员
沙发#
发布于:2015-08-18 19:34
这个不错,正需要
回复(0) 喜欢(0)     评分
pone
论坛版主
论坛版主
  • 发帖数1187
  • 铜币22189两
  • 威望250点
  • 贡献0点
  • 注册日期2009-09-15
  • 最后登录2017-08-19
  • 社区居民
  • 忠实会员
  • 最爱沙发
板凳#
发布于:2015-08-18 19:57
精彩分享!!!
回复(0) 喜欢(0)     评分
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
3楼#
发布于:2015-08-18 20:20
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> 
<!--幻灯片结束-->
缘聚心然 让心宁静
回复(1) 喜欢(0)     评分
元芳
总版主
总版主
  • 发帖数13511
  • 铜币64856两
  • 威望47104点
  • 贡献57231点
  • 注册日期2007-02-01
  • 最后登录2017-08-19
  • 终身成就奖
  • 诚信商户
  • 资深侠客
  • 资深版主
  • 社区运营大师
  • 模范会员奖
  • phpwind功勋
  • 热心助人奖
  • 原创先锋奖
  • 最佳建议奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀版主奖
  • 民间侠客
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
4楼#
发布于:2015-08-18 21:17
lusong1:index.htm文件里面有个地方需要修正一下,幻灯片部分的代码改为如下:
<!-- 幻灯片-695x250 -->
    <div id="J_slides" class="home_push_slide">...
回到原帖
亲,欢迎加入到云市场开发者阵营。
特价主机网:{专为站长省钱!www.66jh.cn}  
phpwind民间论坛:{专为站长服务!phpwind.me}  
phpwind模板设计、插件开发、转换升级、故障处理等事宜请
【社区论坛站长群(2000人)166959234,点此快捷加入
回复(1) 喜欢(0)     评分
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
5楼#
发布于:2015-08-18 21:50
元芳:亲,欢迎加入到云市场开发者阵营。回到原帖
我倒是想啊, 可惜没有太多精力用到这方面,我这纯粹是业余自学瞎摆弄的。
缘聚心然 让心宁静
回复(0) 喜欢(0)     评分
liguoyuan
新手上路
新手上路
  • 发帖数12
  • 铜币110两
  • 威望5点
  • 贡献0点
  • 注册日期2014-12-08
  • 最后登录2016-07-17
  • 社区居民
6楼#
发布于:2015-08-19 17:01
运行时左边列显示有问题
回复(1) 喜欢(0)     评分
PW是魔鬼的步伐
PW moblie内测组
PW moblie内测组
  • 发帖数1452
  • 铜币1718两
  • 威望661点
  • 贡献0点
  • 注册日期2015-01-12
  • 最后登录2017-04-23
  • 社区居民
  • 忠实会员
  • 最爱沙发
7楼#
发布于:2015-08-19 17:08
 还是有一点小小的问题,很期待楼主修复安装包
PC版期望终于实现了,PWF加油!2017年新的期望:继续优化好PC版,着重开发移动版wap~
回复(1) 喜欢(0)     评分
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
8楼#
发布于:2015-08-19 19:46
liguoyuan:运行时左边列显示有问题回到原帖
火狐,IE9下面测试是没有问题的,这个模板默认宽度是1040PX,其他宽度下面没有测试。
缘聚心然 让心宁静
回复(0) 喜欢(0)     评分
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
9楼#
发布于:2015-08-19 19:46
PW是魔鬼的步伐:还是有一点小小的问题,很期待楼主修复安装包回到原帖
火狐,IE9下面测试是没有问题的,这个模板默认宽度是1040PX,其他宽度下面没有测试。
缘聚心然 让心宁静
回复(0) 喜欢(0)     评分
scbz0827
一星会员
一星会员
  • 发帖数65
  • 铜币630两
  • 威望35点
  • 贡献0点
  • 注册日期2013-02-27
  • 最后登录2016-08-29
  • 社区居民
  • 忠实会员
10楼#
发布于:2015-08-19 21:00
css里那里改呀,没有找到
回复(1) 喜欢(0)     评分
沙口集
三星会员
三星会员
  • 发帖数589
  • 铜币2130两
  • 威望251点
  • 贡献0点
  • 注册日期2015-01-18
  • 最后登录2016-08-03
  • 社区居民
  • 忠实会员
11楼#
发布于:2015-08-20 06:37
高手~精彩分享~
沙口集官网www.shakouji.com最接地气的县城吃喝玩乐网站!
回复(0) 喜欢(0)     评分
lusong1
四星会员
四星会员
  • 发帖数883
  • 铜币1283两
  • 威望194点
  • 贡献0点
  • 注册日期2010-07-20
  • 最后登录2017-01-11
12楼#
发布于:2015-08-20 15:16
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

按照上面的方法,任意宽度都可以修改
缘聚心然 让心宁静
回复(1) 喜欢(0)     评分
scbz0827
一星会员
一星会员
  • 发帖数65
  • 铜币630两
  • 威望35点
  • 贡献0点
  • 注册日期2013-02-27
  • 最后登录2016-08-29
  • 社区居民
  • 忠实会员
13楼#
发布于:2015-08-20 20:23
lusong1:建议修改左边宽度(右侧不要动,右边涉及到很到需要修改的地方):
左边宽度:
.iMain {
    width:695px;
    float:left;
}这是列表文字宽度:
.arcListBox .imgItem .t...
回到原帖
页面整体宽只有960
怎么设置1000
左680有一个分割线

图片:QQ图片20150820202102.png

回复(1) 喜欢(0)     评分
547888786
四星会员
四星会员
  • 发帖数1364
  • 铜币975两
  • 威望75点
  • 贡献0点
  • 注册日期2007-03-05
  • 最后登录2016-11-03
14楼#
发布于:2015-08-20 20:28
还行吧,不实用
回复(0) 喜欢(0)     评分
上一页
游客

返回顶部