享受-学习&生活-并快乐着: BLOGGER 模板分析

对这个博客有了很大的兴趣,渐渐地对提供的模板感到有些死板,所以就对它的一个标准模板做了一个分析:

BLOGGER的模板是用CSS+DIV设计的,非常简洁也非常灵活,只要对CSS做一些修改就能改变这个博客的风格.

整个的博客建立在整个浏览器客户区里,#OUTER-WRAPPER是所有内容的一个容器,然后是#HEARD-WRAPPER,#CONTENT-WRAPPER,#FOOTER-WRAPPER三个平行的容器,他们都包含在#OUTER-WRAPPER容器里.再然后就是包含在#CONTENT-WRAPPER容器里的#MAIN-WRAPPER和#SIDEBAR-WRAPPER.

以上那些标志可以在:布局--修改HTML里看到.这就是这个模板的大致框架.下面用个图来说明一下.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>结构</title><style type="text/css"></style></head><body>body{}<div id="outer-wrapper">#outer-wrapper  <div id="heard-wrapper">#heard-wrapper  </div>  <div id="content-wrapper">#content-wrapper     <div id="main-wrapper">#main-wrapper     </div>     <div id="sidebar-wrapper">#sidebar-wrapper     </div>  </div>  <div id="footer-wrapper">#footer-wrapper  </div></div></body></html>

享受-学习&生活-并快乐着

2009年3月14日星期六

BLOGGER 模板分析

0 评论:

博客归档

标签

weather

Favorites