中间显示Flash公告的三栏式排行榜
[url=http://bbs.topzj.com/thread-232762-1-2.html][color=Red][size=4]无需空间，且随风格变换的排行榜教程！[/size][/color][/url]<----点击进入
[url=http://bbs.topzj.com/thread-231972-1-2.html][color=Red][size=4]具体JS调用及参数设置教程[/size][/color][/url]<----点击进入
[color=Red]大家点上面的链接看新教程！
下面旧的内容就不要看了！[/color]
××××××××××××××××××××××××××××××××
[size=4][size=6][/size]
[color=red]一直想给论坛做个PL的排行榜，翻了很多旧贴都不太满意，现在比较流行Flash效果，我没有学过代码，就请一个高手朋友帮忙做了一个。
在这里和大家分享下，写得很详细，主要是针对新手，也请高手可以指点下其他可以修改的参数，让免费论坛也能拥有PL的排行榜！[/color][/size]
预览——[url=http://issey.cc.topzj.com/]http://issey.cc.topzj.com[/url]
设计——袭月
[size=4][color=red]Ａ、新贴及回复的调用。[/color][/size]
一、下载附件topView.rar，解压缩。
二、右健点击topview.html，选择打开方式－记事本。
[quote]<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>[color=red]<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>[/color]</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>[color=yellowgreen]<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>[/color]</marquee></td>
</tr>
</table><br />[/quote]
三、系统设置－基本设置－JS调用－启用JS调用：是－提交。
四、系统设置－系统工具－JS调用向导－新贴调用
1、主题排序方式－按发布时间倒序排序－提交。返回后生成≡论坛新贴≡代码，替换粘贴到打开的记事本以上代码[color=red]红色[/color]位置。
2、主题排序方式－按最后回复时间倒序排序－提交。返回后生成≡最新回复≡代码，替换粘贴到打开的记事本以上代码[color=yellowgreen]绿色[/color]位置。
注：
1、所在论坛按Ctrl键点选，可过滤私密论坛新贴及回复，不在首页显示出来。
2、显示数据条数，可选10条以上。
3、前缀图标，填入绝对地址可显示在条目前，不宜过大。
……自定。
五、将[url=http://s114.photobucket.com/albums/n253/zjennifer/4ytgrey/headbg.gif]http://s114.photobucket.com/albums/n253/zjennifer/4ytgrey/headbg.gif[/url]”替换为你论坛当前风格的内表头图片，其他字体及背景颜色也可自设。
六、保存记事本为topview.html，以上新贴及回复的调用已编辑完成。
[color=red][size=4]Ｂ、Flash公告的使用[/size]
[/color]
一、打开topview文件夹，右健点击topview.js，选择打开方式－记事本。
[quote]<!--
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>');
-->[/quote]
二、替换需要显示的公告图片，修改[color=darkorchid]var pics='topview/01.JPG|topview/02.JPG|topview/03.JPG|topview/04.JPG|topview/05.JPG'[/color]中相应的图片名称，注意后缀大小写的区别，如无法显示，请填入绝对链接，即http://空间/topview/图片名称.尾缀，注意保留间隔符|和引号'，显示图片数量可自定。
三、在[color=darkorchid]var links=' '01|02|03|04|05| '[/color]中相应位置填入公告图片对应的帖子链接，点击图片可进入相关论贴。
四、在[color=darkorchid]var texts=' 01|02|03|04|05| '[/color]中相应位置填入公告图片对应的文字说明。
五、保存记事本为topview.js，以上公告栏的美化已编辑完成。
[color=red][size=4]Ｃ、显示在论坛首页[/size]
[/color]
一、将topview文件夹与topview.html上传到空间首页。
二、将以下代码，替换上你的空间位置，填入论坛首页顺序第一个论坛的论坛简介处，提交。
[quote]</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> [/quote]
三、刷新首页即可显示。
[color=red][size=4]相关教程：[/size][/color]
1、十分钟给论坛安个播放器，附：免费空间—[url=http://bbs.topzj.com/thread-195219-1-1.html]http://bbs.topzj.com/thread-195219-1-1.html[/url]
2、没有FTP空间，用相册更换风格的方法——[url=http://bbs.topzj.com/thread-173302-1-1.html]http://bbs.topzj.com/thread-173302-1-1.html[/url]
3、透明风格/窄风格，自己设计——[url=http://bbs.topzj.com/thread-186716-1-4.html]http://bbs.topzj.com/thread-186716-1-4.html[/url]
4、中间显示Flash公告的三栏式排行榜——[url=http://bbs.topzj.com/thread-213638-1-1.html]http://bbs.topzj.com/thread-213638-1-1.html[/url]
5、在TOPZJ模板基础上制作有框架的立体风格——[url=http://bbs.topzj.com/thread-213872-1-1.html]http://bbs.topzj.com/thread-213872-1-1.html[/url]
[size=4][color=red]相关下载：[/color][/size]
1、[url=http://bbs.topzj.com/thread-197937-1-1.html]☜♥女生论坛专用♥☞DZ5.0.0淡蓝手绘风格[/url]
2、[url=http://bbs.topzj.com/thread-197945-1-1.html]☜♥女生论坛专用♥☞DZ5.0.0雅绿水墨风格[/url]
3、[url=http://bbs.topzj.com/thread-204061-1-1.html]☜♥TOP浙江专用♥☞DZ5.0.0黑色欧美风格[/url]
4、[url=http://bbs.topzj.com/thread-204205-1-1.html]☜♥TOP浙江专用♥☞DZ5.0.0亮紫朋克风格[/url]
5、[url=http://bbs.topzj.com/thread-204879-1-1.html]☜♥TOP浙江专用♥☞DZ5.0.0淡黄烟花祭风格[/url]
6、[url=http://bbs.topzj.com/thread-204881-1-1.html]☜♥TOP浙江专用♥☞DZ5.0.0忽尔今夏风格[/url]
7、[url=http://bbs.topzj.com/thread-213794-1-1.html]☜♥TOP浙江专用♥☞DZ5.0.0萍踪侠影风格[/url]
[size=4][color=red]喜欢的亲们，请帮忙顶贴，有问题请跟贴！
谢谢TOPZJ提供我们这么好的免费平台！[/color][/size]
[size=6][color=red]下载了附件的朋友，请修改！！！[/color][/size]
请大家将topview.html用记事本打开，搜索"<marquee scrollAmount=2 width=100% height=160 direction=up>"
修改为"<marquee scrollAmount=2 width=100% height=160 direction=up[color=red] onmouseover=stop() onmouseout=start()[/color]>"。
有朋友说滚动速度太快不好点击链接，这个代码可以在你将鼠标放到公告栏时暂停滚动，请大家自己修改附件。
[[i] 本帖最后由 issey 于 2007-8-20 16:54 编辑 [/i]]