查看: 2564|回复: 2

[教 程] phpcms v9默认模板幻灯片大小如何修改?

[复制链接]
发表于 2012-10-8 23:51:47 | 显示全部楼层 |阅读模式
此教程只是简单的改,为大家修改模板做下小演示,如果要大改需要更改模板css文件,这里只是让大家更好的了解phpcms。

希望可以对新手有所帮助。举一反三就能进步。

我还是喜欢以案例讲:我们把那个幻灯片改为如下模样:

33333.jpg

1.用dreamweaver 8打开\phpcms\templates\default\content\index.html文件。

根据争议那几个字为标记我们可以找到幻灯片调用代码如下:

        {pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="5"}
                    <div class="content" id="main-slide">
                    <div class="changeDiv">  
                    {loop $data $r}
                        <a href="{$r['url']}" title="{str_cut($r['title'],30)}"><img src="{thumb($r['thumb'],310,260)}" alt="{$r['title']}" width="310" height="260" /></a>
                    {/loop}
                    </div>
                </div>
            {/pc}


在dreamweaver 8显示为18到26行:

111111.jpg

下面最底部还有一个控制的js代码:

<script type="text/javascript">
$(function(){
        new slide("#main-slide","cur",310,260,1);//焦点图
        new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB
})
</script>


在dreamweaver 8显示为第181到186行:

22222.jpg

要改成我们说的那样需要先把争议哪一个栏目去掉:

争议在模板里边的代码如下:

            <div class="bk10"></div>
                <div class="box extend">
                    <div class="col-left">争议</div>
                <div class="col-auto">
                                {pc:block pos="index_block_1"}{/pc}
                                </div>
                <script language="javascript" src="{APP_PATH}caches/poster_js/10.js"></script>
            </div>

在dreamweaver 8显示为第28到35行:

44444.jpg

我们把这段代码去掉,接着就需要再改幻灯片的高度了,幻灯片高度需要和图片高度一样,我们先把图片的高度改了,先改为330看看怎么样。(需要把上边js代码里的图片高度和phpcms调用标签里的高度都改了)需要改动的地方我截下图:


55555.jpg

66666.jpg

修改后如下图(修改了记得保存下呀):

77777.jpg

幻灯片大小真的变了,这说明我们这样改是有效的,所以我们接着测试高度大小(重复上边的修改就可以)知道改为我们喜欢的高度为止。

我最上边放的那个幻灯片图高度为380,大家可以测试下。

更多菜鸟级别phpcms教程详情关注:http://bbs.daxibei.org/
发表于 2012-10-13 04:24:46 | 显示全部楼层
学习了,很受用
回复 支持 反对

使用道具 举报

发表于 2012-10-13 06:46:39 | 显示全部楼层
有的尺寸可能在js当中也有限制
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-10-19 05:16 , Processed in 0.215707 second(s), 12 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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