希望将版权信息以及Movable Type的链接移到页脚上,空出侧栏上的空间作他用。很明显这一工作不会很困难,通过Movable Type灵活的模板工作方式,只需要通过模板即可实现,但大部分Movable Type模板却没有页脚,只能够是自己动手尝试一下了。最终添加了一个下面这样的页脚,并将具体的方法记录下来。
首先是编辑一段准备添加页脚的代码,然后在Main Index模板中添上。添在什么地方呢?默认的模板中<div id="pagebody">是这样内容开始的位置,而<div id="alpha">是左侧内容栏,<div id="beta">是右侧的侧边栏,那么毫无疑问,应该是加在<div id="beta">对应的</div>之后。在本例中,本站的页脚内容比较多,包含版权信息等,下面是一段相对比较简单的例子,你可以先使用简单的代码加入页脚,然后再按照自己的需要修改内容。
<div id="footer"> Created by Lan Ying | <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | Powered by <a href="http://www.movabletype.org"> Movable Type <$MTVersion$></a> </div>
接下来,在CSS文件中,添加上对应的设置,按照自己的喜爱设计footer的显示外观,调整到自己喜欢的样式就大功告成了,例如本例中本站就添下了以下代码。
#footer {
margin: 10px 16px 0px 16px;
border-top: 1px solid #fff;
padding: 5px 15px;
color: #fff;
background: #598890;
font-size: 13px;
line-height: 1.125;
text-align:center;
}#footer a {
color:#fff;
}#footer a:hover {
text-decoration: none;
}
测试满意之后,可以开始将页脚的代码添加到存档页面模板Master Archive Index和文章模板Individual Entry Archive等所有自己希望加上页脚的地方。

评论
不错,能留个联系方式讨论吗?
发表者: matt | May 14, 2006 11:12 AM
您可以给我发邮件,lanying@gmail.com.
发表者: LanYing | May 14, 2006 02:22 PM