风格名称：DiY-Page2008
简单修改了一下样式表和顶部信息。
在本地测试正常！
还没有演示！
将 文件夹上传到 空间，在后台 修改设置 中的 风格方案 选 DiY-Page2008 确定
然后我们来设置顶部，准备一张 LOGO图片（规格是225X55） 。
进入后台，强烈建议 在修改以前先备份！！
点 设计视窗 ，将原来的顶部对象删掉。插入新对象－－系统基本模块－－html代码
在 编辑对象 对话框中 将 ”在所有页面类型中显示（忽略下面的选择框）“选中！
外框样式 选 null 外框标题 为空 ，将以下代码粘贴入 源代码 框中：
引用:
<div align="center">
<table cellSpacing="0" cellPadding="0" width="994" border="0">
<tr>
<td width="6">
<img height="100" src="../../../dpimages/style/DiY-Page2008/top_l.gif" width="6"></td>
<td background="../../../dpimages/style/DiY-Page2008/top_m.gif">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table2" height="96">
<tr>
<td width="225">
<img border="0" src="../../../dpimages/style/DiY-Page2008/logo.gif" width="225" height="55"></td>
<td width="90">
<div align="center">
<table border="0" width="84" id="table4" height="70">
<tr>
<td background="../../../dpimages/style/DiY-Page2008/link_bg.gif">
<p align="center">
<span style="CURSOR: hand" onClick="window.external.addFavorite('http://9iwang.cn ','就爱网')" title="将就爱网加入到收藏夹">
加入收藏</span></td>
</tr>
<tr>
<td background="../../../dpimages/style/DiY-Page2008/link_bg.gif">
<p align="center">
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.9iwang.cn');" style="CURSOR: hand" title="将就爱网设为首页">
设为首页</span></td>
</tr>
<tr>
<td background="../../../dpimages/style/DiY-Page2008/link_bg.gif">
<p align="center"><a href="http://www.9iwang.cn">联系我们</a></td>
</tr>
</table>
</div>
</td>
<td width="495">
<div align="center">
<table border="1" cellpadding="0" cellspacing="0" width="480" id="table3" height="60">
<tr>
<td><img border="0" src="http://www.9iwang.cn/bbs/adhtm/newyear.gif" width="480" height="60"></td>
</tr>
</table>
</div>
</td>
<td>
<iframe width="96" height="60" frameborder="0" scrolling="no" allowTransparency="true" name="1" src="http://s.time.org.cn/clock/#color:ff0000;font-size:9pt">
</iframe></td>
</tr>
</table>
</div>
</td>
<td width="6">
<img height="100" src="../../../dpimages/style/DiY-Page2008/top_r.gif" width="6"></td>
</tr>
</table>
</div>
将红字部分换成你的网址、网站名称，
设置好以后，强烈建议 再做一次备份 下面我们来设置顶部导航栏，在刚才设置的HTML对象下 插入一个布局框 宽度同上，高度默认。 布局格宽度100％，高度默认，为了设置、修改方便，开始时 布局格 可以设置宽高一点，对象添加完毕以后再改回来！
还是插入HTML对象。
参考代码如下：
引用:
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width=994 height="24" background="../../../dpimages/style/DiY-Page2008/dl_rm.gif" style="border: 1px solid #9DA3D1">
<tr>
<td>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="96%" height="100%">
<tr>
<td align="center" width="68" >
<a href="http://栏目1网址l">栏目1</a></td>
<td align="center" width="68"><a href="栏目2网址">栏目2</a></td>
<td align="center" width="68"><a href="栏目3网址">栏目3</a></td>
<td align="center" width="68"><a href="栏目4网址">栏目4</a></td>
<td align="center" width="68"><a href="栏目5网址">栏目5</a></td>
……
</tr>
</table>
</div>
</td>
<td width="130">
<img border="0" src="../../../dpimages/style/DiY-Page2008/dl_rr.gif" width="130" height="24"></td>
</tr>
</table>
</div>
将链接地址和栏目名称换成你自己的 ，另外 建议不要超过12个！
希望大家喜欢
[
本帖最后由 梦随云 于 2008-2-5 13:27 编辑 ]
