phpcmsV9静态页面替换动态步骤

最新推荐文章于 2021-11-03 11:13:16 发布
最新推荐文章于 2021-11-03 11:13:16 发布
阅读量1.7k 收藏 3
点赞数 2

1.先在www目录下找到 phpcms + install_package + phpcms + templates在templates 文件夹里创建个自己的文件夹我弄得是 ceshi 文件夹，在 ceshi 文件夹里在创建 content 在 content 里面新建文本 index，

2.把要套的静态网页复制到刚建好的 index 文本里

3.替换

把文本里的css,js还有img样式替换成模板里的类型

"css替换成"{CSS_PATH}css

"ji替换成"{JS_PATH}js

"images替换成"{IMG_PATH}images

4.把静态网页分成3部分

（1）头部，导航

 

（2）内容【除了头和 底部剩下的都是属于内容】

 

（3）底部，导航

5.把头部导航，内容和底部导航分别以html文本形式保存在content文件夹里

（1底部）footer

（3中间）index

（3头部）header

 

6.切完的代码及效果

 <!--导航 结束 绝对定位-->

        <!--大图 开始-->
        <div class="bigimg">
            <img src="{IMG_PATH}images/bigimg1.png" />
        </div>
        <!--大图 结束-->

        <!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="{IMG_PATH}images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

        <!--行业动态 资料库 开始-->
        <div class="dt-zlk">
            <!--行业动态-->
            <div class="dt-double" style="left: 18.5%;">
                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">行业动态</span>
                    <a href="#"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>


            </div>
            <!--资料库-->
            <div class="dt-double" style="right: 18.5%;">

                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="#"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

        <!--优秀产品展示  开始-->
        <div class="yxxm">
            <div class="yxxm-title">优秀产品展示</div>
            <!--展示项-->
            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>



            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>


            <div class="yxxm-item">
                <a href="#">
                    <img src="{IMG_PATH}images/sss.png" /></a>
                <div class="yxxm-name">
                    项目名称：
                    <span>《图书管理系统》</span>
                </div>
                <div class="yxxm-user">
                    客　　户：
                    <span>地方</span>
                </div>
                <div class="yxxm-context">
                    功　　能：
                    <span style="width: 77%;">好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊好多功能好厉害啊</span>
                </div>
                <div class="yxxm-context">
                    开发人员：
                    <span>天启超人工作室</span>
                </div>
            </div>

            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <!--优秀产品展示  结束-->

        <!--公司业务承接 开始-->
        <div class="yw">
            <div class="yw-title">公司业务承接</div>
            <div class="yw-items">
                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1~500</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">500~1000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">2000~5000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1~10000</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">1980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">2980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红 红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">5980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

                <div class="yw-item">
                    <img src="{IMG_PATH}images/ffff.png" />
                    <div class="yw-item-title">
                        日月潭红茶
                        <span>www.rythc.com.cn</span>
                    </div>
                    <div class="yw-item-context">
                        红茶介绍红茶介绍红茶介绍
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">全能网站建设套餐</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">12980</span>
                            元</span>
                    </div>
                    <input class="btn_buy" type="button" value="点击订购" />
                </div>

            </div>
            <img src="{IMG_PATH}images/bk2.png" />
        </div>
        <!--公司业务承接 结束-->

        <!--优秀人才推荐 开始-->
        <div class="rc">
            <div class="rc-title">优秀人才推荐</div>

            <div class="rc-items">
                <!--人才项-->
                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>


                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <div class="rc-item">
                    <a href="#">
                        <img src="{IMG_PATH}images/mv.png" />
                        <div class="rc-item-title">孟艳茹/创意设计师</div>
                    </a>
                    <div class="rc-item-context">服务众多品牌，担任多家公司顾问</div>
                </div>

                <!--占位勿删-->
                <div style="clear: both"></div>
            </div>
        </div>
        <!--优秀人才推荐 结束-->

        <!--联系我们 开始-->
        <div class="lx-context1">联系我们</div>
        <div class="lx-context2">如有任何疑问请联系我们，我们7*24小时竭诚为您服务</div>
        <div class="lx-context1">400-0533-575</div>

        <div class="lx-items">
            <div class="lx-item">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx1.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">在线QQ客服</span><br />
                        </a>
                        <span class="lx-item-sp2">周一至周六 8:30-17:30</span>
                    </div>
                </div>
            </div>

            <div class="lx-item">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx2.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">邮箱</span><br />
                        </a>
                        <span class="lx-item-sp2">关注企业邮箱</span>
                    </div>
                </div>
            </div>


            <div class="lx-item" style="border-right: 1px solid #828282;">
                <div class="lx-item-child">
                    <img src="{IMG_PATH}images/lx3.png" />
                    <div class="lx-item-context">
                        <a href="#"><span class="lx-item-sp1">网站</span><br />
                        </a>
                        <span class="lx-item-sp2">浏览网站动态</span>
                    </div>
                </div>
            </div>
        </div>

        <div style="width: 100%; height: 50px;"></div>
        <!--联系我们 结束-->

        <!--底部 开始-->

<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>
<script src="{JS_PATH}JS/index.js"></script>
<script>
    $("#btn1").click(function () {
        $("#li").fadeIn();
    });
    $("#btn2").click(function () {
        $("#li").fadeOut();
    });

</script>

 

7.页面都乱了，少头部导航

加句话{template "content","header"}就有头部导航了。template是引入模板的标签。content文件夹。引入的是他header头部导航

如图

8.{template "content","footer"}<!--低脚加这句话-->

 

 9.把头里面静态内容替换成动态的

（1）把写死的站点标题让他不要写死复制一句代码

{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}

 

 

 

10.在<head>下面加上下面2句话，（1）keywords等于网站关键字，为了百度能搜到做网页用（2）description网站描述，为了做网络优化用

    
<meta name="keywords" content="{$SEO['keyword']}">　　<!--keywords等于网站关键字，为了百度能搜到做网页用-->
<meta name="description" content="{$SEO['description']}">　　<!--description网站描述，为了做网络优化用-->

 11.logo是写死的，没换

12.导航栏，把栏目替换掉搞成活的

<div class="header-items">
                <a href="#">
                    <div class="h-item select">首页</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">产品</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">人才</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">资源</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">承接</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">动态</div>
                </a>
                <div class="h-item2">/</div>
                <a href="#">
                    <div class="h-item">我们</div>
                </a>
            </div>

        </div>
        <div class="header1"></div>

 首页不动。导航里每项都一样保留一项其余删掉之后用循环让他们都显示，后台有几个就循环几次

头部header改完动态的样子如下

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <meta name="keywords" content="{$SEO['keyword']}"><!--keywords等于网站关键字，为了百度能搜到做网页用-->
	<meta name="description" content="{$SEO['description']}"><!--description网站描述，为了做网络优化用-->
    
    <link href="{CSS_PATH}CSS/HeaderAndFooter.css" rel="stylesheet" />
    <link href="{CSS_PATH}CSS/indexStyle.css" rel="stylesheet" />
    <script src="{JS_PATH}JS/jquery-1.7.2.min.js"></script>
    <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
</head>
<body>
    <div style="position: absolute; top: 0px; left: 0px; width: 100%; min-width: 1200px;">

        <!--导航 开始 绝对定位-->
        <div class="header">
            <div class="logo-1">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>
            ]
            <div class="logo-2">
                <img src="{IMG_PATH}images/logo1.png" />
            </div>

            <div class="header-items">
           <!-- (1方案)-->
               <!-- <a href="{siteurl($siteid)}"><!--这是个方法获取首页-->
               <!-- <div class="h-item select">首页</div><!--select选中变颜色-->
               <!-- </a>
                <div class="h-item2">/</div>-->
                
               <!-- （2方案）-->
                <!--找到父级最上面的ID等于零就是首页-->
				{if $top_parentid==0}<!--判断首页显示的是不是首页--> 
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                    <div class="h-item">首页</div>
                </a>
                {/if}
                
                
                
                
                <!--循环导航栏-->
                <!--pc标签是phpcms简写。pc标签作用相当于参数-->
                <!--：content代表要取的内容，因为刚找的就是内容模块-->
                <!--action="category"代表取栏目-->
                <!--cat零代表找所有以及菜单-->
                <!--num="5"代表数量要掉几个-->
                <!--site代表站点id或者 写1也可以-->
                <!--order排序-->
                <!--order="listorder ASC"这句话的意思是根据listorder ASC升序排列-->
                <!--listorder根据栏目添加的数据排序-->
                {pc:content action="category" cat num="25" site order="listorder ASC"}
                
				{loop $data $r}<!--循环遍历数组--><!--根据PC标签里的条件查到的$data遍历完了就是$r。二维数组遍历出的小数组-->
				<!--<li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li>-->
                
                {if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                   
                   
                  <!-- （2方案）-->
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                    {else}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                 	{/if}
                
                
              <!--  （1方案）-->
                <!--循环输出-->
               <!-- <a href="{$r[url]}"><!--url是栏目的链接-->
                    <!--<div class="h-item">{$r[catname]}</div><!--产品应该换成栏目名称-->
               <!-- </a>
                <div class="h-item2">/</div>-->
				{/loop}
				{/pc}
      
            </div>

        </div>
        <div class="header1"></div>

 13.底脚静态变动太

<div class="footer">
            <div class="f-top">
                <a href="#"><span class="f-item select">首页</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">产品</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">人才</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">资源</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">承接</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">动态</span></a>
                <span>/</span>
                <a href="#"><span class="f-item">我们</span></a>
            </div>

            <div class="f-bottom">
                <div class="fb-left">
                    <img src="{IMG_PATH}images/logo2.png" />
                </div>
                <div class="fb-right">
                    <div class="fb-right-context">
                        地址：张店区共青团西路富丽商城A座4楼<br />
                        电话：400-0533-575/0533-3113118<br />
                        网站：www.itnba.com<br />
                        邮箱：zbhq@itnba.com
                    </div>

                </div>
            </div>
        </div>
        <!--底部 结束-->
    </div>
</body>
</html>
<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>

 动态

        <div class="footer">
            <div class="f-top">
				{if $top_parentid==0}<!--判断首页显示的是不是首页--> 
                <a href="{siteurl($siteid)}">
                    <div class="h-item select">首页</div>
                </a>
                {else}
                <a href="{siteurl($siteid)}">
                    <div class="h-item">首页</div>
                </a>
                {/if}
                 {pc:content action="category" cat num="5" site order="listorder ASC"}
                 {loop $data $r}
                 {if $catid==$r[catid] || $top_parentid==$r[catid]}
                 
                                     <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item select">{$r[catname]}</div>
                    </a>
                    {else}
                    <div class="h-item2">/</div>
                    <a href="{$r[url]}">
                        <div class="h-item">{$r[catname]}</div>
                    </a>
                 	{/if}
                
                	
                {/loop}
                {/pc}
            </div>

            <div class="f-bottom">
                <div class="fb-left">
                    <img src="{IMG_PATH}images/logo2.png" />
                </div>
                <div class="fb-right">
                    <div class="fb-right-context">
                        地址：张店区共青团西路富丽商城A座4楼<br />
                        电话：400-0533-575/0533-3113118<br />
                        网站：www.itnba.com<br />
                        邮箱：zbhq@itnba.com
                    </div>

                </div>
            </div>
        </div>
        <!--底部 结束-->
    </div>
</body>
</html>
<script src="{JS_PATH}JS/HeaderAndFooter.js"></script>

 14.中间部分内容

（1）换大图

  <div class="bigimg">换大图
    {pc:content  action="lists" cat order="id DESC" num="1"}
    {loop $data $val}
    <img src="{$val[thumb]}" />
    {/loop}
    {/pc}
  </div>

 (2)作如图下点击跳转

修改前

<!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
                <a href="#">  <!--要修改的地方-->
                    <img src="images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="#">
                    <img src="images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

 

修改后

     <!--三项 开始-->
        <div style="width: 100%; height: 30px;"></div>
        <div class="three">
            <div class="three-item">
					<!--做软件是承接第八个-->
                <a href="{$CATEGORYS[8]['url']}">
                    <img src="{IMG_PATH}images/three1.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[6]['url']}">
                    <img src="{IMG_PATH}images/three2.png" /></a>
            </div>
            <div class="three-item">
                <a href="{$CATEGORYS[7]['url']}">
                    <img src="{IMG_PATH}images/three3.png" /></a>
            </div>
            <!--占位勿删-->
            <div style="clear: both"></div>
        </div>
        <div style="width: 100%; height: 30px;"></div>
        <!--三项 结束-->

 （3）把动态也换了可以改变的

该后代码

        <!--行业动态 资料库 开始-->
        <div class="dt-zlk">
            <!--行业动态-->
            <div class="dt-double" style="left: 18.5%;">
                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">行业动态</span>
                    <a href="{$CATEGORYS[9][url]}"><span class="dt-sp2" style="color: white;">更多>></span></a>
                </div>
                <!--展示项-->
                <!--保留一个循环-->
                
                {pc:content  action="lists" cat order="id DESC" num="4"}

                 {loop $data $key $val}
                 
				<div class="dt-item">
                    <a href="{$val[url]}"><!--链接地址-->
                    
					<div class="dt-item-title"><!--文章标题-->{$val[title]}</div>
                    </a>
                    <div class="dt-item-context"><!--description文章的简介-->
                       {$val[description]} 
                        
                    </div>
				</div>
                 
                 
                 {/loop}

                 {/pc}
                
                

               <!-- <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>

                <div class="dt-item">
                    <a href="#">
                        <div class="dt-item-title">汉企天启网络实训员工启动第一阶段小组项目</div>
                    </a>
                    <div class="dt-item-context">
                        2016年12月12日上午，凑点字数看起来不那么少凑点字数看起来不那么少凑点字数看起来不那么少。
                    </div>
                </div>-->


            </div>
            <!--资料库-->
            <div class="dt-double" style="right: 18.5%;">

                <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="{$CATEGORYS[10][url]}"><span class="dt-sp2" style="color: white;">更多</span></a>
                </div>
                <!--展示项-->
                {pc:content  action="lists" cat order="id DESC" num="4"}

				{loop $data $key $val}
                
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]} 
                       
                    </div>
                </div>
			{/loop}

			{/pc}
                
                

                
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

 效果图

15.要做的如下图，优秀产品

（1）优秀产品

    <!--标题-->
                <div class="dt-title">
                    <span class="dt-sp1">汉企一一资料库</span>
                    <a href="{$CATEGORYS[10][url]}"><span class="dt-sp2" style="color: white;">更多</span></a>
                </div>
                <!--展示项-->
                {pc:content  action="lists" cat order="id DESC" num="4"}

				{loop $data $key $val}
                
                <div class="dt-item">
                    <a href="{$val[url]}">
                        <div class="dt-item-title">{$val[title]}</div>
                    </a>
                    <div class="dt-item-context">
                     {$val[description]} 
                       
                    </div>
                </div>
			{/loop}

			{/pc}
                
                

                
            </div>
            <img src="{IMG_PATH}images/bk1.png" />
        </div>
        <!--行业动态 资料库 结束-->

        <!--优秀产品展示  开始-->
        <div class="yxxm">
            <div class="yxxm-title">优秀产品展示</div>
            <!--展示项-->
            
			{pc:content  action="lists" cat order="id DESC" num="6" moreinfo="1"}<!--moreinfo="1"代表查询更多信息-->

			{loop $data $key $val}
            
			<div class="yxxm-item">
				<a href="{$val[url]}"><!--产品地址-->
				<img src="{$val[thumb]}" /></a><!--图片地址-->
			<div class="yxxm-name">
                    项目名称：
			<span>{$val[title]}</span><!--内容里的标题-->
			</div>
			<div class="yxxm-user">
                    客　　户：
			<span>{$val[keywords]}</span><!--内容里的关键字-->
			</div>
			<div class="yxxm-context">
                    功　　能：
			<span style="width: 77%;">{$val[description]}<!--功能用简介作--></span>
			</div>
			<div class="yxxm-context">
                    开发人员：
			<span>{php list($copyfrom) = explode('|', $val['copyfrom'])}
                    {$copyfrom}</span><!--开发用来原作-->
			</div>
		</div>
            
			{/loop}

			{/pc}

 运行如下

 

 16.公司业务承接

 <div class="yw">
            <div class="yw-title">公司业务承接</div>
            
             <div class="yw-items">
             {pc:content  action="lists" cat order="id DESC" num="8"}

             {loop $data $key $val}
                <div class="yw-item">
                    <img src="{$val[thumb]}" />
                    <div class="yw-item-title">
                        {$val[title]}
                        
                    </div>
                    <div class="yw-item-context">
                        {$val[description]}
                    </div>
                    <div class="yw-item-price">
                        <span class="price-sp">{$val['title']}</span>
                        <span class="price-sp1">价格：
                            <span class="price-sp2">{$val['keywords']}</span>
                            元</span>
                    </div>
                    <a href="{$val['url']}"><input class="btn_buy" type="button" value="点击订购" /></a>
                </div>
            
             {/loop}

             {/pc}
            
            </div>
            
           
            <img src="{IMG_PATH}images/bk2.png" />
        </div>

 运行如下

17.优秀人才推荐

   <div class="rc">
            <div class="rc-title">优秀人才推荐</div>

            <div class="rc-items">
                <!--人才项-->
                
                
                {pc:content  action="lists" cat order="id DESC" num="8" moreinfo="1"}

                 {loop $data $key $val}
				<div class="rc-item">
					<a href="#">
					<img src="{$val[thumb]}" />
					<div class="rc-item-title">{$val[title]}</div>
                    </a>
					<div class="rc-item-context">{$val[description]}</div>
                </div>
                    
                 {/loop}

                 {/pc}
                



                <!--占位勿删-->
                <div style="clear: both"></div>
            </div>
        </div>

 运行如下

18.人才里的内容列表list.htmh(1)把头部导航删了（2）把页脚删了

（3）把头和页脚拿进来

【1】头部{template "content","header"}

【2】页脚{template "content","footer"}

运行效果如下

19.给图片该样式

{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />
        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url"{IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
            <div class="left-item">人才介绍</div>
            <div class="left-item">标题标题</div>
            <div class="left-item">李昌辉很胖</div>
            <div class="left-item">测试标题</div>
            <div class="left-item">选项选项选项</div>
            <div class="left-item">李昌辉腰疼</div>
            <div class="left-item">王胖胖</div>
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    列表标题</div>

            <!--列表项-->
            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>

            <div class="right-item">
                <a href="#">
                    <div class="item-context">《如何引用jQuery实现下拉列表，点击展开，点击关闭》</div>
                </a>
                <div class="item-time">2016-12-24</div>
            </div>


            <!--分页-->
            <div class="paging">
                当前第[1]页　共[10]页　首页　上一页　下一页　末页
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

        <!--底部 开始-->

{template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk;
    $(".right-item").hover(function () {
        oBk = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk);
    });

    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });
    
</script>

 

 如上面图中左侧栏里要让显示导航栏

list.html左侧导航列表以及分页

 
{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />
        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({$CAT['image']});"></div>


        <!--二级导航 开始-->
		<div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">导航</div>
             <a href="{siteurl($siteid)}"><!--跳转首页-->
               	 <div class="left-item">首页</div>
              </a>
            
            {pc:content  action="category" cat order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
            	
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}列表</div>

            <!--列表项-->
            {pc:content  action="lists" cat order="id DESC" num="5" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="right-item">
                <a href="{$val[url]}">
                    <div class="item-context">{$val[title]}</div>
                </a>
                <div class="item-time">{$val[inputtime]}</div>
            </div>
             {/loop}

             {/pc}
            
            
            
            <!--分页-->
            <div class="paging">
             {$pages}<!--实现分页-->
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            {pc:link  action="type_list" type site linktype="1" order="listorder DESC" num="3" return="pic_link"}<!--return="pic_link"返回带有图标的-->
             {loop $pic_link $v}
             <a href="{$v['url']}">{$v['name']}</a>  
             
             {/loop}
             {/pc}
           
        </div>

        <!--底部 开始-->

{template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk;
    $(".right-item").hover(function () {
        oBk = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk);
    });

    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });
    
</script>

 

 20.人才里的二级页面则走的时候category.html页面

 
{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />

        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
           {pc:content  action="category" cat<!--把人才分1027-0904--> order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}</div>

            <!--列表项-->
            <div class="picitems">

                <!--展示项-->
                 {pc:content  action="lists" cat order="id DESC" num="8" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="pic-item">
                 <a href="{$val[url]}"><img src="{$val[thumb]}" /></a>
                 <div class="pic-item-title">{$val[title]}</div>
                 <div class="pic-item-title2">{$val[keywords]}</div>
                 <div class="pic-item-context">{$val[description]}</div>
             </div>
             {/loop}

             {/pc}
                
                
                <div style="clear: both;"></div>
            </div>

            <!--分页-->
            <div class="paging">
               {$pages}
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

       {template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });

    var oBk3;

    $(".pic-item").hover(function () {
        oBk3 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk3);
    });

</script>
如图下

 

 21.人才下面又分了两个如图

注意：把人才分1027-0904.取父级IDcat就不用去顶级IDcat因为是人才的分页

代码如下

{template "content","header"}<!--把这个头也就是导航拿过来就好了-->

<link href="{CSS_PATH}css/ListStyle.css" rel="stylesheet" />

        <!--导航背景-->
        <div style="position: relative; width: 100%; height: 100px; background-image: url({IMG_PATH}images/bigimg11.png);"></div>

        <!--二级导航 开始-->
        <div class="left">
            <div style="width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold;">栏目标题</div>
           {pc:content  action="category" cat<!--把人才分1027-0904.取父级IDcat就不用去顶级IDcat因为是人才的分页--> order="listorder ASC" num="6" site}

                 {loop $data $r}
                  	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid，如果是显示的catid--> 
                    <a href="{$r[url]}"><div class="left-item sel">{$r[catname]}</div></a>
                    {else}
                     <a href="{$r[url]}"><div class="left-item">{$r[catname]}</div></a>
                 	{/if}
                    
                 {/loop}
     			 {/pc}
        </div>
        <!--二级导航 结束-->

        <!--列表区 开始-->
        <div class="right">
            <div class="list-title">    {$CATEGORYS[$catid][catname]}</div>

            <!--列表项-->
            <div class="picitems">

                <!--展示项-->
                 {pc:content  action="lists" cat<!--cat取父级ID要取顶级是cat--> order="id DESC" num="8" page="$page"}<!--实现分页num="5" page="$page"要找第几页并显示几条-->

             {loop $data $key $val}
			<div class="pic-item">
                 <a href="{$val[url]}"><img src="{$val[thumb]}" /></a>
                 <div class="pic-item-title">{$val[title]}</div>
                 <div class="pic-item-title2">{$val[keywords]}</div>
                 <div class="pic-item-context">{$val[description]}</div>
             </div>
             {/loop}

             {/pc}
                
                
                

                

                
                <div style="clear: both;"></div>
            </div>

            <!--分页-->
            <div class="paging">
               {$pages}
            </div>
        </div>
        <!--列表区 结束-->
        <div style="clear: both;"></div>


        <!--友情链接 分割区-->
        <div style="width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #e0e0e0;">
            友情链接：
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
            <a href="#">淄博汉企人才定制中心</a>  
        </div>

       {template "content","footer"}<!--低脚加这句话-->

<script type="text/javascript">
    var oBk2;
    $(".left-item").hover(function () {
        oBk2 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk2);
    });

    var oBk3;

    $(".pic-item").hover(function () {
        oBk3 = $(this).css("background-color");
        $(this).css("background-color", "#E8E8E8");
    }, function () {
        $(this).css("background-color", oBk3);
    });

</script>
结果如下图

 


点人才显示全部，下面分1027和0904点哪个分别显示哪个

 

qy6kwyec
关注
PHPCMS v9.6.0 v9.6.3版本支持https
David_Run的博客
05-05 1076
假设已经配置好ssl证书，不知如何申请ssl证书者请自行百度，也可使用宝塔一键部署，方便快速。 3、经过上面修改后，phpcms中的内容可通过https访问，但分页出现错误。解决方法为： 经过以上三步，phpcms完美支持https，结合页面静态化和url伪静态规则，亲测静态页面也可用https。...
phpcms设置静态页面
Long_Xiao_Yun的博客
03-30 1013
phpcms创建一个网站 1，修改网站设置等一系列相关信息 2，添加栏目 3，设置关于我们、联系我们等静态页面（重点） 更新缓存，更新URL，更新栏目缓存
如何用phpcms将静态网页生成动态网页？（学习学习）
qq_42704649的博客
12-20 1016
如何用phpcms将静态网页生成动态网页？ 1.在templates文件夹下新建模板文件夹llli（名字可以自己随便起） 2.在lll下面新建文件夹content（必须为content） 3.把静态页面拿到content文件夹里面,顺便改名字 4.把静态网页所用的文件夹(css,js,images)拿到statics文件夹下面 5.后台里面设置模板改为lll(看模板风格配置) 6.替换路径...
phpcms之 如何把自己做的静态单页面变成动态可发表形式
weixin_44415928的博客
02-22 537
本文前提 https://blog.youkuaiyun.com/weixin_44415928/article/details/104444026 上文我们完成了链接联系我们页面，但是一个企业来说，联系我们的内容，可能是要变动的，但是静态HTML我们是写死的，所以我们要把它变成活的，也就是吧page.html变成一个框架，里边的东西可以随着写入的改变而改变 通过观察我们的page页面我们发现，联系我们是这样...
php静态页面局部动态化
小小的天有大大的梦想
10-14 1702
局部动态化
phpcms v9更换模板的具体操作方法
09-29
完成以上步骤后，需要更新缓存和生成的静态页面以使新模板生效。更新栏目缓存和系统缓存是告诉系统模板已经更换，需要重新加载最新模板信息。如果网站有生成HTML静态页，则需要更新这些静态页以反映模板的更改。这个...
phpcms V9 fckeditor编辑器 换 kindeditor编辑器
04-12
在本文中，我们将深入探讨如何将phpcms V9系统中的默认fckeditor编辑器替换为kindeditor编辑器。这个过程涉及到对网站后台管理系统的修改，以提供更好的文本编辑体验。首先，我们来了解一下这两个编辑器的基本情况。...
Ronger婚纱摄影phpcms整站源码 v1.0.zip
07-06
这里有一点要说明，phpcmsV9的官方伪静态规则是下载后压缩包里的readme/.htaccess文件，使用方法：将这个文件直接放置到根目录下即可。 Ronger婚纱摄影phpcms整站源码页面展示 相关阅读 同类推荐：站长常用源码
Ronger婚纱摄影phpcms整站源码 v1.0
10-23
婚纱摄影网站源码,phpcms模板,婚纱摄影网站模板Ronger婚纱摄影phpcms整站源码是一个采用了PHPcmsV9作为后台的婚纱摄影网站源码，本站适合用作婚纱类的企业PC网站。安装步骤：整站打包请自行上传ty00.sql数据库文件，...
PHPCMS多站点（动态URL）
大海哪蓝
03-23 2932
前提：已存在站点URL为www.site.com的主站,需要做URL为www.web.com的子站点 注：以下步骤不适用于子目录形式的站点，且站点默认首页须为index.php 操作步骤： 一、解析并绑定域名www.web.com到站点根目录   二、后台添加子站点（设置——&gt;站点管理——&gt;添加站点）并选择子站点模板（需要先做一套子站点模板）,切换到子站点后，新建模型，新建栏...
phpcms 动态调用 图片
amnotsuperior的专栏
07-08 959
{pc:content action="lists" catid="$catid" num="12" order="listorder ASC,id DESC" page="$page"} {loop $data $v} {$v[title]} 【内容导读】{str_cut($v[description],360)}
phpcms 替换首页
weixin_30852367的博客
02-18 97
利用phpcms制作企业站，首先要将静态的企业主页替换成后台可编辑的动态主页。 首先做一个静态的企业站主页： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style...
用phpcms如何将静态页面制作成企业网站（中）
weixin_34234829的博客
02-21 148
上篇博客中讲到了该修改网页的中间部分 中间的内容是这样的，有标题和内容，里面的内容被代码替代,运行起来就这样的 里面的内容就可以在后台管理那里添加 再来看代码部分 <div class="dt-double" style="left: 18.5%;"> <!--标题--> <di...
PHPCMS V9多站点[站群功能]动态设置与静态设置子站内容URL
关注公众号：jfzm_cc
11-03 508
phpcms v9的站群功能的 动态站点与静态站点的配置 站群站点，分为动态站点，和静态站点两种设置方法： 静态的，就是将栏目和内容都了html 文件， 我们先讲解下，站群的操作： 建好之后，进入你的子站，进行，模型导入，栏目建.设，内容-录入等工作 新建的子站，是木有模型的，我们就将主站的模型导出，再进子站，把模型导入； 记得，栏目和内容都设置成静态 我们添加测试内容，进行下一步骤，更新url，更新栏目，更新首页，更新全站缓存 接下来，配置关键的；就是你的服务器；如果你是用iis 的
phpcmsv9后台管理生成首页静态模板技术ob系列函数实现
yhjztoucher的专栏
06-05 4415
phpcmsv9后台管理生成首页 m=
phpcms顶部导航代码、高亮显示设置
草巾冒小子的博客
08-14 1253
phpcms顶部导航栏代码： &amp;amp;lt;div class=&amp;quot;nav-bar&amp;quot;&amp;amp;gt; &amp;amp;lt;map&amp;amp;gt; {pc:content action=&amp;quot;category&amp;quot; catid=&amp;quot;0&amp;quot; num=&amp;quot;
升级phpcmsV9：将Flash上传替换为H5上传解决方案
### 知识点1：phpcmsV9框架概述 phpcmsV9是一个开源的内容管理系统（CMS），基于PHP语言开发，采用模块化设计，易于扩展和定制。它的设计目标是为了帮助用户能够轻松地构建网站，包括文章发布、用户管理、模板管理等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值