Discuz!模板代码解析–header（头部文件）

	很多站长在使用DZ的时候，很想修改（header）头部文件，却无从下手，今天我就从文件第一行到最后一行来给大家解剖一下此文件，熟悉的站长都应该知道，Dx的模板制作无不是三个部分，头部(hd)、主体(wp)、底部(ft)，这三个部分就是制作模板的关键，然而其中三个部分个人觉得最难的还是主体部分，今天讲下头部文件代码，因为是代码教程，有些代码太长，没必要粘贴过来！我会尽量的写详细点，后须我会将一些常用 的模板文件进行解剖！在这里希望大家支持一下！随便AD下!   Q' E4 V$ i' E/ w0 V ! Z' y+ ?3 m# V+ Hheader.html这个文件存储于common文件下，这个大家应该不陌生吧，我是每个DIV为小节来讲，头部的核心div我就不加if语句来讲解！因为代码太多了!我会在最下面给大家总结一下!修改应该注意的地方! " _- T3 g: t5 ^ 第1行代码： <!–{subtemplate common/header_common}–> 代码解释：用于调用common文件下的header_common.html文件， 备注：<!–{subtemplate}–>与<!–{template}–}–>是有区别的，<!–{subtemplate }–>后面的模板文件通常都是被包含在其他模板文件中的子体。这样在解析模板的时候，程序就会判断<!–{subtemplate }–>所引入的模板会被再一次解析一遍然后再和入口模板拼合，组成一个完整的模板。也就是说，如果我们添加的模板是在别的模板中被调用的话我们需要以<!–{subtemplate 模板名称}–>的方式引入进来。 第2-29行代码： ; `4 u0 ]# Y. R% K# _* L3 G: v从<meta name=”application-name” content=”$_G[‘setting’][‘bbname’]” />开始到以</head>结尾 代码解释：这里主要放置一些外部文件，其中的代码不多作解释，大家在加的时候请考虑官方的书写规范！ " [7 ]' C; t- Y5 M' i& j3 n备注：此处虽然不解释太多，但大家还是会用到！如果要加外部调用JS、css请按官方的模板制作规范来书写 第30-186行代码： 从<body>处开始到此文件的最下方 ' x$ M/ Z3 r& J3 ^! a7 {/ e' s5 a代码解释：这是首部文件的核心 备注：在修改时请注间要提前备份文件 第32-44行代码： 从<div id=”append_parent”></div><div id=”ajaxwaitid”></div>处开始到<!–{/if}–><div id=”toptb” class=”cl”>结尾 6 t, A1 @5 H( K! w% O代码解释：此处是整的DIY样式导入、导出及样式修改等，此处代码是隐藏的， 0 u& E4 K) w; E4 t1 m- A' N8 U* s' u备注：<div id=”toptb” class=”cl”>是方便你查找才写出！此代码不要修改，在修改模板时也不要漏了！ * ?1 G" V  w+ d: f7 @ 8 Q+ y0 F% H; J" [& c9 z& }4 w4 Z第32-44行代码： 0 k5 o! ?4 S7 x* o5 g$ W从代码：<div id=”toptb” class=”cl”>到</div><!–{if !IS_ROBOT}–> 3 K. }# b5 Z3 h+ q$ K/ Q代码解释：顶部文件，用于放置导航与dz内部的一些功能，<div class=”y”>右处内容</div>,<div class=”z”>左处内容</div> * H: T/ m( N9 R% v# [1 v+ p! t备注：在后台=》界面=》顶部导航。可以设置 第70-78行代码： <!–{if !IS_ROBOT}–>                         <!–{if $_G[‘uid’] && !empty($_G[‘style’][‘extstyle’])}–>                                 <div id=”sslct_menu” class=”cl p_pop” style=”display: none;”> $ |9 f9 [0 Y9 X) Y- w- m' }                                        <!–{if !$_G[style][defaultextstyle]}–><span class=”sslct_btn” onClick=”extstyle(”)” title=”{lang default}”><i></i></span><!–{/if}–> & O1 ]1 H1 ]) o' z7 ]+ H                                        <!–{loop $_G[‘style’][‘extstyle’] $extstyle}–>                                                 <span class=”sslct_btn” onClick=”extstyle(‘$extstyle[0]’)” title=”$extstyle[1]”><i style=’backgroundextstyle[2]’></i></span>                                         <!–{/loop}–> 4 l# J! o: j+ j! }                                </div>                         <!–{/if}–> $ s& t6 q# j7 b2 T% l0 F 代码解释：此处是拓展色的切换的菜单 3 {# t" w; a- }/ x8 C* l, p1 G/ z  P备注：如里不需要可以删除 . N+ o9 G  J; H& G! ^  K) t6 K第80-96行代码： 2 ~0 @( m. t2 a# Y+ q<div id=”qmenu_menu” class=”p_pop {if !$_G[‘uid’]}blk{/if}” style=”display: none;”> . `" q2 o6 F7 T- p7 Z                                        <!–{if $_G[‘uid’]}–> ; ]3 j* S& ~8 Q( s7 x                                        <ul>                                                 <!–{loop $_G[‘setting’][‘mynavs’] $nav}–>                                                         <!–{if $nav[‘available’] && (!$nav[‘level’] || ($nav[‘level’] == 1 && $_G[‘uid’]) || ($nav[‘level’] == 2 && $_G[‘adminid’] > 0) || ($nav[‘level’] == 3 && $_G[‘adminid’] == 1))}–> # ^* M6 z6 \7 Y1 o& Z: x* T                                                                <li>$nav[code]</li>                                                         <!–{/if}–> ; H$ W# x$ \5 }% I6 a# E3 i                                                <!–{/loop}–>                                         </ul>                                         <!–{else}–> ' L" @: B3 P' B) S% L3 j                                                <div class=”ptm pbw hm”> 3 B6 [, k  k3 |2 r1 R1 {7 x                                                        {lang my_nav_login}                                                 </div>                                         <!–{/if}–>                                 </div> 3 B# M& ?. l1 g, X7 w0 A( A$ I0 E                <!–{/if}–> 代码解释：此处是快捷导航弹出的菜单，里面用到了<!–{if $_G[‘uid’]}–>语句进行判断，意思是只有会员才可以浏览此处内容，循环我就不多讲了哈 备注：<!–{if $_G[‘uid’]}–>语句可以用到很多地方，自己在做模板的时候，可能会用到！ # z0 [& U$ o# c+ J ( [$ a: @# H7 W  r- J* O第97行代码： - W6 O# W9 M. S) E  Q" b, V$ y " o: W5 f8 o4 B) h<!–{ad/headerbanner/wp a_h}–> + a7 _5 p! ?& N; L+ I 0 N7 Z. p) l. E$ V! p2 N代码解释：头部的广告代码， 备注：可以在后台=》运营=站内广告添加第98-184行代码： 从<div id=”hd”>到 </div><!–{/if}–> 代码解释：头部的核心文件 & ]* X  z1 k  v1 K5 L" L备注：下面是头部核心的DIV指引 " p( X* m4 J, H1 w<div id=”hd”> <div class=”wp”> <div class=”hdc cl”> <h2>logo</h2>———————————->logo , j0 B7 O2 ]* U/ r: V) z9 x                 <div id=”um”> <div class=”avt y”>头像</div>—————————–头像 4 `& g/ B7 z, d- H  p' G9 s9 z/ L9 c                       <p> <!–{hook/global_usernav_extra1}–>————————————>插件嵌入点1                           <!–{hook/global_usernav_extra2}–>———————————>插件嵌入点2 6 m) U$ ~. z5 I% A8 O个人信息—————————————->个人信息 </p> <p> <!–{hook/global_usernav_extra3}–>—————————>插件嵌入点3 个人信息—————————————->个人信息 / t# a* |" ~+ u+ t3 C</p> 5 j/ i& z+ ?9 H0 U: k3 U7 ~/ J</div> ( T* ^3 Z1 I- s1 R5 |( ?<!–{template member/login_simple}–>—– > 登录框(此处调用member/login_simple.html文件)                         </div> <div id=”nv”> <a href=”javascript:;” id=”qmenu” >快捷导航</a>————–>快捷导航                 <ul> 0 _6 g7 {9 f  @+ F5 ?% v2 R# }<li>栏目导航</li>———————————>栏目导航 / [& M, s0 w/ H$ B( R5 z* A                 </ul> </div> $ E- H& F3 r1 }<ul class=”p_pop h_pop” id=”plugin_menu” style=”display: none”> 二级导航菜单样式——————————————————>二级导航菜单样式 </ul> & g& M3 M- z% V  C' @- s! s6 U( k3 Y< div id=”mu” class=”cl”> ; r/ t# b  j; I# R. @二级导航横排>————->二级导航横排样式 4 l! g+ o6 g7 S5 L! k' v              </div> / t" }! v4 A3 o<!–{ad/subnavbanner/a_mu}–>————————->头部广告（后台站点广告处可以添加） <!–{subtemplate common/pubsearchform}–>——–>搜索(此处调用common/pubsearchform文件)                   </div> + v' m% h5 v- P% q8 o8 L1 Y# l3 R</div><!–{hook/global_header}–>插件嵌入点 总结：大家在修改的时候他的每个DIV和ul、li、和会有if语句，大家在看明白以上图后，在添加的时候要注意一下IF语句的作用，我就没有把代码复制到上面一一解析，希望大家去妍究下！利用这些资源，自己可以做出很漂亮的头部，举一反三！

版权声明

1、本站所有资源来源于网络搜集和会员分享

2、本站所有程序仅供大家学习和参考，不得进行商业用途

3、如果觉得程序还可以、请购买官方正版

4、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

唯一网址: https://www.gitluo.com/thread-322-1-1.html

	沙发！沙发!

	有道理。。。

	我是个凑数的。。。

	支持一下

	学习了，不错，讲的太有道理了

	过来看看的

	路过，支持一下啦

	过来看看的

	我是个凑数的。。。