美化页内文字广告大作战

先看效果 http://www.dotku.net/cs/



可以看到“最佳会员列表  最新帖子列表  最佳板块列表  广告赞助商”列表
本篇就是讲解如何制作的

以最佳会员列表为例

首先利用论坛的JS调用代码生成工具得到JS码

CODE:

<scrīpt language="Javascrīpt" src="http://dotku.net/cs/api/javascrīpt.php?function=memberrank&startrow=0&items=10&newwindow=1&orderby=posts&verify=f986c8d3fd59f59a040053f1f9fa59a1"></scrīpt>然后进入广告管理添加"页内文字"广告类型
代码如下

CODE:

<table width="100%" height="100%">
<tr valign="top">
<td><table width="100%" style="margin-top:0px;top:0px;postion:related">
<tr>
<td class="header" style="padding-left:20px">
<div class="subtable" style="padding: 0px">
最佳会员列表</div>
</td>
</tr>
<tr><td sytle="padding-bottom:1px;">
<scrīpt language="Javascrīpt" src="http://dotku.net/cs/api/javascrīpt.php?function=memberrank&startrow=0&items=10&newwindow=1&orderby=posts&verify=f986c8d3fd59f59a040053f1f9fa59a1"></scrīpt>
</td></tr>
</table>
</td></tr>
</table>代码讲解:

这里利用两个Table来实现美化

- 第一个Table用于置顶
可以看到旁边的广告一览的高度是变动的
IE浏览器下，Table内的物件默认上下位置是居中的
由于广告高度是变动的关系，会导致高度不统一
于是利用第一个Table来实现置顶显示，这样比较美观
如果你没有广告问题可以直接用第二个Table中的内容

- 第一个Table用于美化
主要是添加了一个Header风格栏
感觉默认下的状态，光秃秃的很难看
添加一个Header比较统一一些