无需空间，且随风格变换的排行榜教程！<----点击进入
具体JS调用及参数设置教程<----点击进入
大家点上面的链接看新教程！
下面旧的内容就不要看了！
××××××××××××××××××××××××××××××××
一直想给论坛做个PL的排行榜，翻了很多旧贴都不太满意，现在比较流行Flash效果，我没有学过代码，就请一个高手朋友帮忙做了一个。
在这里和大家分享下，写得很详细，主要是针对新手，也请高手可以指点下其他可以修改的参数，让免费论坛也能拥有PL的排行榜！
预览——
http://issey.cc.topzj.com
设计——袭月
Ａ、新贴及回复的调用。
一、下载附件topView.rar，解压缩。
二、右健点击topview.html，选择打开方式－记事本。
引用:
<head>
<meta http-equiv="Content-Type" c>
<meta name="issey" c>
<meta name="issey" c>
<title>topview</title>
<style>
<!--
a:link,a:visited { text-decoration: none; color: #666666 }
a:hover { text-decoration: underline }
body { scrollbar-base-color: #666666; scrollbar-arrow-color: #666666; font-size: 12px }
table { font-family: Georgia, Tahoma, Verdana; color: #666666; font-size: 12px }
textarea,input,object { font-family: Georgia, Tahoma, Verdana; font-size: 12px; color: #666666; font-weight: normal; background-color: #FFFFFF }
select { font-family: Tahoma; font-size: 11px; color: #666666; font-weight: normal; background-color: #FFFFFF }
.nav { font-family: Georgia, Tahoma, Verdana; font-size: 12px; font-weight: bold }
.header { font-family: Georgia, Tahoma, Verdana; font-size: 12px; color: #666666; font-weight: bold;background-image: url("http://s114.photobucket.com/albums/n253/zjennifer/4ytgrey/headbg.gif");}
.category { font-family: Tahoma; font-size: 12px; color: #666666; }
.multi { font-family: Tahoma; font-size: 11px; color: #666666; }
.smalltxt { font-family: Tahoma; font-size: 11px }
.mediumtxt { font-family: Georgia, Tahoma, Verdana; font-size: 12px; color: #666666 }
.bold { font-weight: bold }
-->
</style>
</head>
<body>
<table align="center" class="tableborder" cellpadding="0" cellspacing="1" width="100%">
<tr class="header" height="30px">
<td width="25%" align="center" class="header"><b>≡论坛新贴≡</b></td>
<td width="50%" align="center" class="header"><b>≡论坛活动公告≡</b></td>
<td width="25%" align="center" class="header"><b>≡最新回复≡</b></td>
</tr>
<tr>
<td class="altbg1"><marquee scrollAmount=2 width=100% height=160 direction=up><script language="JavaScript" src="http://issey.cc.topzj.com/api/javascript.php?function=threads&maxlength=30&startrow=0&picpre=&items=10&digest=0&newwindow=1&highlight=0&forum=0&author=0&dateline=0&orderby=dateline&verify=134f748d4bfcb4c9eb714810aacacd05"></script></marquee></td>
<td align="center"><script type="text/JavaScript" src="topview/topview.js"></script></td>
<td class="altbg1"><marquee scrollAmount=2 width=100% height=160 direction=up><script language="JavaScript" src="http://issey.cc.topzj.com/api/javascript.php?function=threads&maxlength=30&startrow=0&picpre=&items=10&digest=0&newwindow=1&highlight=0&forum=0&author=0&dateline=0&orderby=lastpost&verify=22e83d607d563dfc7219f41266a841e2"></script></marquee></td>
</tr>
</table><br />
三、系统设置－基本设置－JS调用－启用JS调用：是－提交。
四、系统设置－系统工具－JS调用向导－新贴调用
1、主题排序方式－按发布时间倒序排序－提交。返回后生成≡论坛新贴≡代码，替换粘贴到打开的记事本以上代码
红色位置。
2、主题排序方式－按最后回复时间倒序排序－提交。返回后生成≡最新回复≡代码，替换粘贴到打开的记事本以上代码
绿色位置。
注：
1、所在论坛按Ctrl键点选，可过滤私密论坛新贴及回复，不在首页显示出来。
2、显示数据条数，可选10条以上。
3、前缀图标，填入绝对地址可显示在条目前，不宜过大。
……自定。
五、将
http://s114.photobucket.com/albums/n253/zjennifer/4ytgrey/headbg.gif”替换为你论坛当前风格的内表头图片，其他字体及背景颜色也可自设。
六、保存记事本为topview.html，以上新贴及回复的调用已编辑完成。
Ｂ、Flash公告的使用
一、打开topview文件夹，右健点击topview.js，选择打开方式－记事本。
引用:
<!--
var focus_width=420
var focus_height=180
var text_height=0
var swf_height = focus_height+text_height
var pics='topview/01.JPG|topview/02.JPG|topview/03.JPG|topview/04.JPG|topview/05.JPG'
var links=''01|02|03|04|05| '
var texts='01|02|03|04|05| '
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="topview/topview.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name="wmode" value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="topview/topview.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
二、替换需要显示的公告图片，修改
var pics='topview/01.JPG|topview/02.JPG|topview/03.JPG|topview/04.JPG|topview/05.JPG'中相应的图片名称，注意后缀大小写的区别，如无法显示，请填入绝对链接，即http://空间/topview/图片名称.尾缀，注意保留间隔符|和引号'，显示图片数量可自定。
三、在
var links=' '01|02|03|04|05| '中相应位置填入公告图片对应的帖子链接，点击图片可进入相关论贴。
四、在
var texts=' 01|02|03|04|05| '中相应位置填入公告图片对应的文字说明。
五、保存记事本为topview.js，以上公告栏的美化已编辑完成。
Ｃ、显示在论坛首页
一、将topview文件夹与topview.html上传到空间首页。
二、将以下代码，替换上你的空间位置，填入论坛首页顺序第一个论坛的论坛简介处，提交。
引用:
</td><iframe border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=225 framespacing=0 frameborder=0 scrolling=no width=100% src="http://空间/topview.html"></iframe>
三、刷新首页即可显示。
相关教程：
1、十分钟给论坛安个播放器，附：免费空间—
http://bbs.topzj.com/thread-195219-1-1.html
2、没有FTP空间，用相册更换风格的方法——
http://bbs.topzj.com/thread-173302-1-1.html
3、透明风格/窄风格，自己设计——
http://bbs.topzj.com/thread-186716-1-4.html
4、中间显示Flash公告的三栏式排行榜——
http://bbs.topzj.com/thread-213638-1-1.html
5、在TOPZJ模板基础上制作有框架的立体风格——
http://bbs.topzj.com/thread-213872-1-1.html
相关下载：
1、
☜♥女生论坛专用♥☞DZ5.0.0淡蓝手绘风格
2、
☜♥女生论坛专用♥☞DZ5.0.0雅绿水墨风格
3、
☜♥TOP浙江专用♥☞DZ5.0.0黑色欧美风格
4、
☜♥TOP浙江专用♥☞DZ5.0.0亮紫朋克风格
5、
☜♥TOP浙江专用♥☞DZ5.0.0淡黄烟花祭风格
6、
☜♥TOP浙江专用♥☞DZ5.0.0忽尔今夏风格
7、
☜♥TOP浙江专用♥☞DZ5.0.0萍踪侠影风格
喜欢的亲们，请帮忙顶贴，有问题请跟贴！
谢谢TOPZJ提供我们这么好的免费平台！
下载了附件的朋友，请修改！！！
请大家将topview.html用记事本打开，搜索"<marquee scrollAmount=2 width=100% height=160 direction=up>"
修改为"<marquee scrollAmount=2 width=100% height=160 direction=up
onmouseover=stop() onmouseout=start()>"。
有朋友说滚动速度太快不好点击链接，这个代码可以在你将鼠标放到公告栏时暂停滚动，请大家自己修改附件。
[
本帖最后由 issey 于 2007-8-20 16:54 编辑 ]
