为Movable Type各页面添加页脚

footer.gif

      希望将版权信息以及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等所有自己希望加上页脚的地方。


Google

评论

不错,能留个联系方式讨论吗?

您可以给我发邮件,lanying@gmail.com.

.

发表评论

(如果您从未在这里发表过评论, 您的评论必须在网站管理员验证后才可以显示, 谢谢您的耐心等候.)


引用通告

拥有Blog的朋友引用时可以使用以下链接发送引用通告(TrackBack):
http://gztw.com/lancms/mt-tb.cgi/49

链接

推荐阅读

关于种玉堂

种玉堂站内文章为作者原创,而本站新闻资讯则大多是道听途说。设立本站仅为了让文章在网上有个安身之所,同时也希望能够与更多的朋友分享。

有关站内的大小事务,如有需要可以发电子邮件至GZTW@GZTW.COM联系。