发新话题
打印

[分享] 顶部实现横排多项排行榜代码!

顶部实现横排多项排行榜代码!

演示地址

最下面的是滚动效果的代码

大家有什么问题可以去我论坛商讨(包会),因为我不一定经常在这里!

第一步:新建.htm格式文档,把下面代码复制到文档中再上传到自己的空间(如果你没空间就去我的论坛说明一下可以先传到我的空间,在你没通知我不用我的空间前我是绝对不会删除你的代码的)
复制内容到剪贴板
代码:
<style>
<!--

a:link,a:visited        { text-decoration: none; color: #000000 }
a:hover                        { text-decoration: underline }
body                        { scrollbar-base-color: #000000; scrollbar-arrow-color: #000000; font-size: 12px }
table                        { font-family: Tahoma, Verdana; color: #000000; font-size: 12px }
textarea,input,object        { font-family: Tahoma, Verdana; font-size: 12px;  color: #000000; font-weight: normal; background-color: #000000 }
select                        { font-family: Tahoma, Verdana; font-size: 12px;  color: #000000; font-weight: normal; background-color: #000000 }
.nav                        { font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold }
.header                        { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; font-weight: bold }
.category                { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; }
.multi                        { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; }
.smalltxt                { font-family: Tahoma, Verdana; font-size: 12px }
.mediumtxt                { font-family:Tahoma, Verdana; font-size: 12px; color: #000000 }
.bold                        { font-weight: bold }
-->
</style>

<TABLE borderColor=#6384A5(排行榜框架颜色,可以更换) bgColor=#FFFFFF(排行榜底色,可以更换) border=1>
<TBODY>
<TR>
<TD>
<P align=center><STRONG>论坛最新帖TOP(10)</STRONG></P></TD>
<TD>
<P align=center><STRONG>论坛热门帖TOP(10)</STRONG></P></TD>
<TD>
<P align=center><STRONG>会员发帖数TOP(10)</STRONG></P></TD>
<TD>
<P align=center><STRONG>会员总积分TOP(10)</STRONG></P></TD>
<TD>
<P align=center><STRONG>新注册会员TOP(10)</STRONG></P></TD></TR>
<TR>
<TD width=185 background="" height=90>  
<style="WIDTH: 185px; HEIGHT: 150px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
你论坛的JS调用:系统设置——系统工具——JS 调用向导(导出你的代码复制到此地)
</TD>
<TD width=185 background="" height=90>  
<style="WIDTH: 185px; HEIGHT: 150px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
你论坛的JS调用:系统设置——系统工具——JS 调用向导(导出你的代码复制到此地)
</TD>
<TD width=185 background="" height=90>  
<style="WIDTH: 185px; HEIGHT: 150px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
你论坛的JS调用:系统设置——系统工具——JS 调用向导(导出你的代码复制到此地)
</TD>
<TD width=185 background="" height=90>
<style="WIDTH: 185px; HEIGHT: 150px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
你论坛的JS调用:系统设置——系统工具——JS 调用向导
(导出你的代码复制到此地)</TD>
<TD width=185 background="" height=90>
<style="WIDTH: 185px; HEIGHT: 150px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
你论坛的JS调用:系统设置——系统工具——JS 调用向导(导出你的代码复制到此地)
第二步:把以下代码复制到论坛的第一个栏目简介里(注意,这个代码下面不要放其他代码,上面无所谓,但如果你想在这个上面加其他东西那就另当别论了!多研究研究你就知道官方把免费论坛定制的多少宽松了)
</td><iframe border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=180  framespacing=0 frameborder=0 scrolling=no width=100%  src=你刚才上传的文件地址></iframe>




以下是滚动的:
复制内容到剪贴板
代码:
<style>
<!--

a:link,a:visited        { text-decoration: none; color: #000000 }
a:hover                        { text-decoration: underline }
body                        { scrollbar-base-color: #000000; scrollbar-arrow-color: #000000; font-size: 12px }
table                        { font-family: Tahoma, Verdana; color: #000000; font-size: 12px }
textarea,input,object        { font-family: Tahoma, Verdana; font-size: 12px;  color: #000000; font-weight: normal; background-color: #000000 }
select                        { font-family: Tahoma, Verdana; font-size: 12px;  color: #000000; font-weight: normal; background-color: #000000 }
.nav                        { font-family: Tahoma, Verdana; font-size: 12px; font-weight: bold }
.header                        { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; font-weight: bold }
.category                { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; }
.multi                        { font-family: Tahoma, Verdana; font-size: 12px; color: #000000; }
.smalltxt                { font-family: Tahoma, Verdana; font-size: 12px }
.mediumtxt                { font-family:Tahoma, Verdana; font-size: 12px; color: #000000 }
.bold                        { font-weight: bold }
-->
</style>

<TABLE borderColor=#80A038 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<P align=center><STRONG>最新主题</STRONG></P></TD>
<TD>
<P align=center><STRONG>最新回复</STRONG></P></TD>
<TD>
<P align=center><STRONG>热门话题</STRONG></P></TD>
<TD>
<P align=center><STRONG>热门浏览</STRONG></P></TD>
<TD>
<P align=center><STRONG>发帖排行</STRONG></P></TD></TR>
<TR>

<TD width=300 background="" height=120>
<MARQUEE onmouseover=this.stop() style="WIDTH: 185px; HEIGHT: 185px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
调用……………………………………

</TD>
<TD width=300 background="" height=120>  
<MARQUEE onmouseover=this.stop() style="WIDTH: 185px; HEIGHT: 185px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
调用……………………………………

</TD>
<TD width=300 background="" height=120>  
<MARQUEE onmouseover=this.stop() style="WIDTH: 185px; HEIGHT: 185px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
调用……………………………………

</TD>
<TD width=300 background="" height=120>
<MARQUEE onmouseover=this.stop() style="WIDTH: 185px; HEIGHT: 185px" onmouseout=this.start() scrollAmount=1 scrollDelay=30 direction=up align="middle">
调用

</TD>
<TD width=300 background="" height=120>
调用……………………………………
</MARQUEE>
[ 本帖最后由 無極 于 2006-10-4 23:45 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

楼主,不要这样不仁义,还要回复才可以看到,不就是要注册吗?嘿嘿~~反正我是不会用这个的。就是想用也不会注册的,因为你这样做不仗仪。嘿嘿~~

TOP

那个你论坛js调用是什么东西,要改吗?还是照样写下去,自已论坛的地址在哪里改

TOP

引用:
原帖由 101010 于 2006-9-11 16:18 发表
楼主,不要这样不仁义,还要回复才可以看到,不就是要注册吗?嘿嘿~~反正我是不会用这个的。就是想用也不会注册的,因为你这样做不仗仪。嘿嘿~~
“不仁义”可不能乱用,其实我不觉得注册多少多少会员有什么好处,我论坛也不需要那些虚无的注册会员,我只是不想给那些拿了东西连个谢字都不会说的人(最起码顶个帖也是对发帖者的尊重),需要的自然会去拿
引用:
原帖由 keeny 于 2006-9-11 16:22 发表
那个你论坛js调用是什么东西,要改吗?还是照样写下去,自已论坛的地址在哪里改
你自己在论坛后台调用的JS代码呀,然后复制到那几个字的位置里,我的代码放你论坛不成我的排行榜了嘛:)

TOP

第一个栏目简介是哪里

TOP

学习一下。。

TOP

引用:
原帖由 無極 于 2006-9-11 16:35 发表

“不仁义”可不能乱用,其实我不觉得注册多少多少会员有什么好处,我论坛也不需要那些虚无的注册会员,我只是不想给那些拿了东西连个谢字都不会说的人(最起码顶个帖也是对发帖者的尊重),需要的自然会去拿

...
具体是哪个能不能发一个图片上来看看,谢谢您的无私奉献

TOP

值得支持,这是我记忆中TOPZJ的首创吧!
说实话有贡献!
不过,在800.600分辨率下其显示不正常!

[ 本帖最后由 拓荒者 于 2006-9-11 18:21 编辑 ]

TOP

引用:
原帖由 拓荒者 于 2006-9-11 18:09 发表
值得支持,这是我记忆中TOPZJ的首创吧!
说实话有贡献!
不过,在800.600分辨率下其显示不正常!
可以根据你的需要自己改呀!!!

TOP

那倒是的!

TOP

发新话题