灰儿 发表于 2012-11-4 10:51:17

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

此教程只是简单的改,为大家修改模板做下小演示,如果要大改需要更改模板css文件,这里只是让大家更好的了解phpcms。

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

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



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

找到幻灯片调用代码如下:

      {pc:contentaction="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}

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

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

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






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



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

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

灰儿 发表于 2012-11-4 11:00:35

首页默认幻灯焦点不显示解决方法:

检查头部以下3个文件是否存在
<link href="statics/css/default_blue.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="statics/js/jquery.min.js"></script>
<script type="text/javascript" src="statics/js/jquery.sgallery.js"></script>


检查文件名大小写有没有错误:
文件 \statics\js\jquery.sGallery.js   修改jquery.sgallery.js
页: [1]
查看完整版本: phpcms v9默认模板幻灯片大小如何修改?