html静态页怎么调用wordpress站点的header footer和footer文件

来源：蜘蛛抓取(WebSpider) 时间：2016-09-16 06:23 标签： html header footer
thinkphp 使每个模板页都包含一个header文件和一个footer文件 - 推酷
thinkphp 使每个模板页都包含一个header文件和一个footer文件
在开发的过程中，经常遇到要使每个模板页都包含一个header文件和一个footer文件，thinkPHP的模板布局为我们提供了一个叫全局配置方式能够解决这个问题。
1. 在配置文件中开启LAYOUT_ON 参数（默认不开启），并且设置布局入口文件名LAYOUT_NAME（默认为layout）
'LAYOUT_ON'=&true,
'LAYOUT_NAME'=&'layout',
2. 在模板目录下建立一个layout.html文件，文件内代码如下：
&include file=&Public:header& /&
{__CONTENT__}
&include file=&Public:footer& /&
{__CONTENT__} 为特定字替换符串，如果模板为User/add.html，thinkPHP先读取layout模板之后，会再解析User/add.html 模板文件，并把解析后的内容替换到layout布局模板文件的{__CONTENT__} 特定字符串。
'TMPL_LAYOUT_ITEM'
'{__REPLACE__}' //通过设置来改变这个特定的替换字符串
'LAYOUT_NAME'=&'Layout/layoutname', //指定其他位置的布局模板
更加详细的介绍：/info/183.html
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致如何去掉或者取消WORDPRESS主题中HEADER和FOOTER中的版本信息和版权链接信息？
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。网站设计:将Footer固定在浏览器底部 – 过往记忆
欢迎关注Hadoop、Hive、Hbase、Flume等微信公共账号：iteblog_hadoop。
文章总数：688
浏览总数：7,379,844
评论：3971
分类目录：80 个
注册用户数：1615
最后更新：日
欢迎关注微信公共帐号：iteblog_hadoop
　　在设计网站的时候，如果你某个页面的内容没有满屏，那你的footer会离浏览器底部很远，整体看起来很难看，这里用JavaScript提供一种方法来将footer固定在浏览器底部。
function fixFooter(){
var mainHeight = document.getElementById('main').offsetH
height = document.documentElement.clientHeight
- document.getElementById(&header&).offsetHeight
- document.getElementById(&footer&).offsetH
if(mainHeight
& height ){
document.getElementById('main').style.height= height + &px&;
　　其中，main是你网页内容的id，header是菜单的id,footer是footer的id。当网站内容的高度小于多少时，那么获取header和footer的高度，并用document.documentElement.clientHeight减去他们，剩下的就是main的高度。
　　但是当你运行代码的时候，你会发现footer先是离底部有点距离，然后才到底部的，这样看起来很难看，可以加上下面语句隐藏这个过程，使得网页一打开footer就在底部。
document.getElementById('main').style.overflow=&hidden&;
　　我们可以通过JavaScript获取很多关于浏览器的属性，这里列出各个属性的获取及其含义。
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
　　当然，如果你想让footer一直在浏览器底部，那么可以通过CSS来解决
　　position:
　　right: 0;
　　left: 0;
　　z-index: 1030;
　　bottom: 0;
　　margin-bottom: 0;
　　这样footer会一直在浏览器底部。
　　这里再提供一种方法：完全通过css达到的。
&footer class=&footer&&
&div class=&container&&
&p class=&text&&版权所有，翻版不究! &/p&
下面是css：
min-height: 100%;
margin-bottom: 60
bottom: 0;
width: 100%;
height: 60
background-color: #f5f5f5;
.container {
max-width: 680
padding: 0 15
.container .text {
margin: 20px 0;
　　这样可以在页面文章内容没有满的时候一直使得footer在底部。
本博客文章除特别声明，全部都是原创！
禁止个人和公司转载本文、谢谢理解：
下面文章您可能感兴趣每个HTML都要用同一个header和footer怎么共用啊?_百度知道

我要回帖

更多关于 html header footer 的文章

 

随机推荐