zoukankan      html  css  js  c++  java
  • 添加ASPCMS模板的步骤

    添加ASPCMS模板的步骤:

    总的目标就是,将下载的模板修改成ASPCMS默认模板的格式。

    1.将下载的模板文件夹放入template文件夹中。

    2.在模板中新建一个文件夹html,将模板的html文件全部放入该文件夹中。

    3.复制默认模板两个的两个文件到新模板中。

    image

    4.修正所有网页中对css文件夹、img文件夹、js文件夹路径的引用:

    用dreamweaver新建一个站点,选择上面新建的html文件夹;

    查找“css/”;

    全部替换成“{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css”;

    继续查找“img/”,“/js”执行类似操作。

    如图image
    5.修改编码方式

    image
    6.在网页中嵌入aspcms标签
    示例1.如图可以将网站标题换成后台的标题。image
    示例2.替换导航栏(有的标签引用一个网页)
    默认模板的标题栏标签在head.html文件中,找到该文件打开,

    image

    用红线中的标签替换新模板的导航栏列表,替换掉图中新模板原先的内容

    image

    原先的导航栏

    imageimage

    替换后

    image

    image
    7.自己编辑一个后台标签
    另外可以编辑一个标签的内容然后,在新模板中引用
    比如{aspcms:top}标签,引用当前模板中一个head.html文件,将该文件中的内容插入到网页中。
    步骤1:右击新模板的网页文件站点中,新建一个head.html文件,清空内容;

    image
    步骤2.将以下内容放入head.html网页中

    <header id="header">
          <div class="container">
            <h1 class="navbar-brand navbar-brand_"><a href="index.html"><img alt="Grill point" src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/logo.png"></a></h1>
          </div>
          <div class="menuheader">
              <div class="container">
                <nav class="navbar navbar-default navbar-static-top tm_navbar" role="navigation">
                    <ul class="nav sf-menu">
                      <li class="active"><a href="index.html">home</a>
                        <ul>
                          <li><img src="{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/img/arrowup.png" alt=""><a href="#">info</a></li>
                          <li><a href="#">profile</a></li>
                          <li><a class="last" href="#">news</a>
                            <ul>
                               <li><a href="#">fresh</a></li>
                               <li><a class="last" href="#">archive</a></li>                      
                            </ul>
                          </li>
                        </ul>
                      </li>
                      {aspcms:navlist}
                <LI class="menu-item" id=menu-item-382><A href="[navlist:link]">[navlist:name]</A>
                   {if:[navlist:subcount]>0}
                    <UL class=sub-menu>
                    {aspcms:1navlist type=[navlist:sortid]}
                    <LI class="menu-item " id=menu-item-376><A href="[1navlist:link]">[1navlist:name] <br />[1navlist:enname] </A></LI>
                    {/aspcms:1navlist}
                    </UL>
                    {end if}
                </LI>
            {/aspcms:navlist}
                    </ul>
                </nav>
              </div>
          </div>
    </header>

    在首页中使用{aspcms:top},相当于引用了head.html网页中所有的内容。

    这样,可以让网页看起来更有条理性。

  • 相关阅读:
    JS框架_(Bootstrap.js)实现简单的轮播图
    Unity3D_(网格导航)简单物体自动寻路
    Android_(菜单)选项菜单
    Android_(传感器)获取手机中的传感器
    Java基础__Java中常用数学类Math那些事
    Java基础__Java中异常处理那些事
    Android_(控件)动态添加或删除Spinner下拉菜单
    Android_(消息提示)多种使用Toast的消息提示
    Java基础__随机生成1~15之间不重复的数字
    Android_(自动化)获取手机存储卡的容量
  • 原文地址:https://www.cnblogs.com/wllhq/p/4508598.html
Copyright © 2011-2022 走看看