制作网站模板前必须了解的界面结构（页头页尾模板文）

tkywr · 发表于 2017-4-23 21:03:19

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

页头文件路径：template/default/common/header.htm

header.htm文件二次加载的文件有：

template/default/common/header_common.htm 全局公共文件
   |--该文件中包含了页面TITLE，对浏览器的申明，以及全局必须存在的基本代码，所以不建议新手修改此文件

template/default/common/header_diy.htm DIY模式时加载的DIY浮层菜单
template/default/common/member/login_simple.htm 右上角迷你登陆框（未登录时调用该文件）

</head>以上的代码必须保留，此段代码为所有页面必须使用的脚本、样式载入，去掉后页面将会错误显示！！

除了保留</head>以上的代码，以下代码也是必须存在的

页面中的ajax交互功能必须依赖的代码：
<div id="append_parent"></div><div id="ajaxwaitid"></div>
DIY功能必须的代码：

      


      <a id="diy-tg" href="javascript

penDiy();" title="{lang open_diy}" class="y"><img src="{STATICURL}image/diy/panel-toggle.png" alt="DIY" /></a>


页头广告调用代码：放置于<div id="hd">上面


导航条当前位置获取代码，必须放置于logo代码前面


二级导航调用代码：放置于二级导航代码后面

页头搜索条代码，根据自己模板的结构设计放到需要的位置即可


全局框架代码，该代码的闭合在footer.htm文件第一行</div>中
<div id="wp" class="wp">

此外页头文件包含几个插件嵌入点代码，作为一个完整的discuz模板，插件钩子是必须存在的：

顶部导航左嵌入点：

顶部导航右嵌入点：

右上角登录状态嵌入点（个人设置前面）：

右上角登录状态嵌入点（退出按钮前面）：

右上角登录状态嵌入点（第二行第一位）：


全局页尾

页尾文件路径：template/default/common/footer.htm

页尾文件担负整个模板的重要的收尾工作，如果缺少必须的代码，同样也会导致整个程序各个功能不能正常使用！

页尾文件第一句（必须存在）：
</div>
PS：这个闭合的标签是页头文件的<div id="wp" class="wp">

站长推荐功能调用代码：


      
      <div class="focus" id="sitefocus">
         <div class="bm">
            <div class="bm_h cl">
                  <a href="javascript:;" class="y" title="{lang close}">{lang close}</a>
                  <h2>{$_G['cache']['focus']['title']}{lang focus_hottopics}</h2>
            </div>
            <div class="bm_c">
                  <dl class="xld cl bbda">
                     <dt><a href="{$focus['url']}" class="xi2" target="_blank">$focus['subject']</a></dt>
                     
                     <dd class="m"><a href="{$focus['url']}" target="_blank"><img src="{$focus['image']}" alt="$focus['subject']" /></a></dd>
                     
                     <dd>$focus['summary']</dd>
                  </dl>
                  <p class="ptn hm"><a href="{$focus['url']}" class="xi2" target="_blank">{lang focus_show} »</a></p>
            </div>
         </div>
      </div>

全局页尾广告代码调用（必须存在）：




页尾插件嵌入点：（必须存在！）

页尾左框架版权信息（必须存在）
<div id="frt">
         <p>

owered by <strong><a href="http://www.discuz.net" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em> <a href="http://license.comsenz.com/?pid=1&host=$_SERVER[HTTP_HOST]" target="_blank">Licensed</a></p>
         <p class="xs0">© 2001-2011 <a href="http://www.comsenz.com" target="_blank">Comsenz Inc.</a></p>
      </div>
页尾有框架菜单、备案、执行时间、统计代码
<div id="flk" class="y">
         <p>
            $nav[code]<span class="pipe">|</span>
                     <strong><a href="$_G['setting']['siteurl']" target="_blank">$_G['setting']['sitename']</a></strong>
            ( <a href="http://www.miitbeian.gov.cn/" target="_blank">$_G['setting']['icp']</a> )
            
            $_G['setting']['statcode']
         </p>
         <p class="xs0">
            {lang time_now}
            <span id="debuginfo">
            , Processed in $_G[debuginfo][time] second(s), $_G[debuginfo][queries] queries
                  , Gzip On,  On.
            
            </span>

         </p>
      </div>
用户活动信息记录代码（必须存在）：

PS：缺少该代码直接导致用户在线时间等信息无法记录
用户升级信息弹出层：（页头右上角用户组连接弹出）

      <div id="g_upmine_menu" class="tip tip_3" style="display:none;">
         <div class="tip_c">
            {lang credits} $_G[member][credits], {lang thread_groupupgrade} $upgradecredit {lang credits}
         </div>
         <div class="tip_horn"></div>
      </div>

用户短消息、站点邮件发送触发代码（必须存在）


<script type="text/javascript" src="home.php?mod=spacecp&ac=pm&op=checknewpm&rand=$_G[timestamp]"></script>



<script type="text/javascript" src="home.php?mod=misc&ac=sendmail&rand=$_G[timestamp]"></script>


使用DIY功能时必须的脚本（必须存在）：


      <script type="text/javascript" src="{$_G[setting][jspath]}common_diy.js?{VERHASH}"></script>
      <script type="text/javascript" src="{$_G[setting][jspath]}portal_diy.js?{VERHASH}"></script>


      <script type="text/javascript" src="{$_G[setting][jspath]}common_diy.js?{VERHASH}"></script>
      <script type="text/javascript" src="{$_G[setting][jspath]}space_diy.js?{VERHASH}"></script>


用户提醒功能状态变更（必须存在）：

<script type="text/javascript">noticeTitle();</script>

漫游通知触发代码：（管理员下弹出漫游通知）

返回顶部浮动菜单

<span id="scrolltop">{lang scrolltop}</span>
<script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>

程序功能最后处理代码（必须存在）

PS：伪静态、模块更新、Gzip等等

账号		自动登录	找回密码
密码			立即注册

[教程] 制作网站模板前必须了解的界面结构（页头页尾模板文）

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。