5.5版本header.htm的几处改动

写给需要升级风格的朋友们～偶是刚学CSS，如果有错误的地方请指出。

DIV结构的改动 <!-- 以下是5.5版本 -->
//第1个DIV 顶栏，8px的那个。
<div class="mainborder" id="jsmenu_parent"></div>
//第2个DIV 下面2个DIV的容器，几乎包括了整个BODY区。
<div class="mainheader">
<div class="logo"><div class="maintable"></div></div>  //左边LOGO，右边广告；
<div class="menu"><div class="maintable"></div></div> //顶部菜单栏；
</div>

和5.0版本最大的区别在于，原本3条浅色衬线：
<div class="headerline" style="height: 6px"></div><!-- 5.0代码 -->
.headerline {
 font-size: 0px;
 line-height: 0px;
 padding: 0px;
 background: {ALTBG1}
}
现在做成了另外2个DIV的外围容器：
<div class="mainheader">...</div><!-- 5.5代码 -->
.mainheader {
 background-color: {ALTBG1};
 padding: 6px 0px; //内补丁：上下6px; 左右0px.  这样已经生成2条衬线了。
}
看看顶部菜单栏的外层DIV定义：
.menu {
 {HEADERMENUBGCODE};
 height: 30px;
 margin-top: 6px;
}
看到没有，margin-top: 6px,外补丁 上边6px。
因为另外3个相关的class: .logo .maintable .maintable均是定义字体的，这样3条衬线齐了，在外观上和5.0版本相同，但是代码更简洁了。

顶部菜单栏的变化
5.5版本增加了左右分栏功能，在header.htm文件增加了以下内容。
<!--{if $_DCACHE['settings']['frameon'] > 0}-->
...
<!--{/if}-->
如果你不想使用这个功能，可以在后台关闭，不需要在这里删除。留意一下 这是个行内元素
<span class="left">..</span>
.left {
 float: left;
 text-align: left;
 padding: 0px;
}
所以它位于菜单栏的左侧。

而在<div class="menu">...</div>这个块元素里定义的div会遵循以下的类。
.menu div {
 text-align: right;
}
所以你应该理解为什么 "...会员 | 搜索 | 我的 | 控制面板 | 道具 |..."等这些内容都是靠右侧的。

另外后面的几个JS菜单有小改动，如果你要升级风格的话，可以将
<!--{if $allowsearch || $qihoo_status}-->| <a href="search.php">{lang search}</a> <!--{/if}-->
...
</div></div></div>
中间这段内容拷贝一下到5.0的风格里。
BODY区以外的内容同样也拷贝一下。

最后告诉大家header.htm最后一行的作用。
<div class="maintable"><br>，它的围堵标签</div>在footer.htm内。
这个DIV实际就是外表格。老版本后台设置里有一项是："外表格背景颜色"。因为这里缺少一个连接，所以一直是无效的。
最简单的，你可以把这行改成：
<div class="maintable" style="background:#6699FF"><br>
"#6699FF"是你想要的颜色，可任意改。想美观一点的，可以做个水平长条，然后repeat-y做成背景色。