当前访客身份:游客 [ 登录 | 申请入伍 ]

站长新闻

 
投递新闻| RSS订阅
站友网 门户 站长新闻 查看内容

header.htm DZ头部模版文件代码解析

2017-1-18 16:50| 发布者: 小风| 查看: 4804| 评论: 6|来自: 一地纸

本解析由一地纸(1-dz.com)原创整理,转载请注明出处:http://www.1-dz.com/thread-17-1-1.html

header.htm文件代码解析大概看下就行,不用刻意去记住,遇到问题的时候再来Ctrl+F查找你需要的知识点,不仅节约时间还记得牢。

header.htm文件代码解析header.htm顾名思义也就是头部的意思,以默认模版为例,你看到的包括搜索框在内的以上所有东西都属于头部模版。
header.htm位于.../template/你当前启用的模版目录/common/目录下。
我就不像人家那样直接把代码复制过来了,下面就从上到下把一些我们可能要改的地方尽量简明的说下,不明白的可以回帖问我。

1、打开header.htm、包括DZ的其它模版文化,我们会看到很多这种代码,这个也就是人家常说的判断标签,比如判断会员是否登录就需要用这个,这里不多说,具体见:,改模版的前提是在不知道这些代码是什么意思的前提下尽量保持原状不动;

2、还有一种类似比如也是就是引入common目录下的header_common.htm文件;

3、标签以上的是header_common.htm的延续,就是调用各页面的JS,一般我们若需要引入其它作用于整站CSS/JS的时候会写在这里;

4、body以下就是头部的html代码了,包括DIY、顶部导航、主导航、快捷导航、LOGO、登录框以及登录后的用户信息、搜索框以及热搜。

5、$diynav也就是管理员登陆后可见的那个右上角的DIY按钮,一般不需要改动;

6、
...
也就是顶部导航,其中的$nav[code]是顶部左侧导航的变量,右侧还有三段代码分别是宽窄屏切换、风格切换、DIY按钮;

7、...(83到118行),这是隐藏的三处头部下拉菜单内容,比如 我的、提醒、快捷导航都在这里,因为快捷导航内容较多,所以是用引用的,而非直接写在里面。如果你要做的新头部模版不需要这些则可以删掉,能精简不少代码;

8、是顶部广告,也就是后台广告设置里面的内个。凡是也就是引入右侧会员信息的,包括登录前、登陆后的代码都在common目录下的header_userstatus.htm文件中;

11、
...
也就是主导航以及主导航右侧的快捷导航了,其中第一句a标签{lang my_nav}就是快捷导航,不需要的话把a标签这段删掉就行,或者移到你要放的位置。下面的ul标签就是主导航的循环变量了;

12、是二级导航广告;

13、是引入搜索框的,包括搜索框右侧的热搜,要修改搜索框的话就去改common目录下的pubsearchform.htm吧;

14、预留的插件潜入点;

15、
是作用于全局的div标签,比如页面整体的宽度就是由class="wp"控制;

END,打完收工
2017年1月14日 10:40:35

鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 若有情、便厮守 2018-10-8 14:46
八字算命 www.baoshuanglong.com
引用 若有情、便厮守 2018-7-7 14:22
包双龙 www.baoshuanglong.com.cn 命理网
引用 若有情、便厮守 2018-6-3 08:26
涵村 www.hancun.com.cn
引用 若有情、便厮守 2017-7-29 10:14
包双龙-周易研究中心  baoshuanglong.com
引用 若有情、便厮守 2017-3-23 08:15
天下磨浆机 www.hancun.com.cn
引用 若有情、便厮守 2017-2-8 10:27
天下牌石磨磨浆机 www.mojiangji.com.cn

查看全部评论(6)

你怎么看?

一周热门

    站友网手机客户端: Android iPhone WP7 QQ

    © 站友网(AdmCn.Net)|关于我们|小黑屋| 闽ICP备09072999号  

    返回顶部