发新话题
打印

[分享] 论坛首页三格随风格自行更换....无需空间支持

论坛首页三格随风格自行更换....无需空间支持

帮朋友改的...在本机上测试确实可以随风格不同而自行更换配色...
没有申请TOPZJ的论坛...8过以前在[我的领地]有个帐号..测试了一下.也可以更换.....

预览效果:http://issey.cc.topzj.com/

不过有个问题需要注意一下..

外表格宽度 {MAINTABLEWIDTH}:最好不要使用百分数且数值最好在820px以上
如果是窄风格的话,请将flash及图片的宽度酌情修改


窄风格下出现换行问题的解决办法...见本帖36楼....相对来说会稍嫌麻烦一点...
在本地测试时...显示基本正常
效果图见36楼


PS.因我的小电是宽屏的...外表格宽度用百分数之后在不同的宽度下有时会溢出,至于非宽屏的小电显示出来效果如何...就不得而知了...因此建议使用PX数值

请在论坛简介内加上如下代码:
引用:
</td>
<style type="text/css">
.list {
    width: 100%;
    padding: 0;
    margin: 0;
}
.list span, .list div {
    float: left;
    text-align: center;
}
.vspan{
    line-height: 30px;
    vertical-align: middle;
}
</style>
<div style="overflow:auto; width:100%" class="vspan">
<div class="list" >
<span id="l_11" class=header style="width:25%; "><b>≡论坛新贴≡</b></span>
<span id="l_12" class=header style="width:50%; "><b>≡论坛活动公告≡</b></span>
<span id="l_13" class=header style="width:25%; "><b>≡最新回复≡</b></span>
<br>
<span id="l_21" class=altbg1 style="width:25%">
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=2 direction=up width="100%" height=201>
JS调用代码
</MARQUEE>
</span>

<span id="l_22" class=altbg1  style="width:50%">
<embed ID="focus_flash" src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque"bgcolor="#101417" FlashVars="pics=图片地址|图片地址&links=帖子连接地址| 帖子连接地址&texts=图片说明|图片说明&borderwidth=400&borderheight=200&textheight=0" menu="false" quality="high" width="400" height="200" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</span>

<span id="l_23" class=altbg1 style="width:25%">
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=2 direction=up width="100%" height=200>
JS调用代码
</MARQUEE></span>
</span>
</div>
</div>
[ 本帖最后由 coralyster 于 2007-7-28 13:48 编辑 ]
[url=http://www.fy88.com.cn]西海云台[/url]

TOP

袭月亲亲~~~~~

×××××××××××××××××××××××××××××××××××××××

补充实例,直接填入论坛简介处。

预览:http://issey.cc.topzj.com
引用:
</td>
<style type="text/css">
.list {
    width: 100%;
    padding: 0;
    margin: 0;
}
.list span, .list div {
    float: left;
    text-align: center;
}
.vspan{
    line-height: 30px;
    vertical-align: middle;
}
</style>
<div style="overflow:auto; width:100%" class="vspan">
<div class="list">
<span id="l_11" class=header style="width:25%; "><div class="vspan" style="padding-left:35%"><b>≡论坛新贴≡</b></div></span>
<span id="l_12" class=header style="width:50%; "><div class="vspan" style="padding-left:45%"><b>≡论坛活动公告≡</b></div></span>
<span id="l_13" class=header style="width:25%; "><div class="vspan" style="padding-left:35%"><b>≡最新回复≡</b></div></span>
<br>
<span id="l_21" class=altbg1 style="width:25%;  padding-left:10%; padding-top:15px;">
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=2 direction=up width="100%" height=160>
<script language="JavaScript" src="http://issey.cc.topzj.com/api/javascript.php?function=threads&fids=36369_25807_25802_25804_39894_36373_38289_38820_37793_41604_38288_41572_38304_27339_39895_26008_38235_25925_40496_25941_39810_40038_40167_40166_40986_41318_41319_40039&maxlength=80&startrow=0&picpre=&items=30&digest=0&newwindow=1&highlight=0&forum=0&author=0&dateline=0&orderby=dateline&verify=9ac1a9076bec639c02d5b3b90fd4c4ea"></script>
</MARQUEE>
</span>

<span id="l_22" class=altbg1  style="width:50%">
<embed ID="focus_flash" src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque"bgcolor="#101417" FlashVars="pics=http://s114.photobucket.com/albums/n253/zjennifer/leftbank/060917/1.jpg|http://s114.photobucket.com/albums/n253/zjennifer/leftbank/060917/2.jpg|http://s114.photobucket.com/albums/n253/zjennifer/leftbank/060917/3.jpg&links=http://issey.cc.topzj.com/thread-390713-3-1.html|http://issey.cc.topzj.com/thread-390713-3-1.html|http://issey.cc.topzj.com/thread-390713-3-1.html&texts=Lolita|Lolita|Lolita&borderwidth=400&borderheight=200&textheight=0" menu="false" quality="high" width="400" height="200" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</span>

<span id="l_23" class=altbg1 style="width:25%; padding-right:10%;padding-top:15px;">
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=2 direction=up width="100%" height=160>
<script language="JavaScript" src="http://issey.cc.topzj.com/api/javascript.php?function=threads&fids=36369_25807_25802_25804_39894_36373_38289_38820_37793_41604_38288_41572_38304_27339_39895_26008_38235_25925_40496_25941_39810_40038_40167_40166_40986_41318_41319_40039&maxlength=80&startrow=0&picpre=&items=30&digest=0&newwindow=1&highlight=0&forum=0&author=0&dateline=0&orderby=lastpost&verify=874b09d4627d06bf64f1a6f51079f6e6"></script>
</MARQUEE></span>
</span>
</div>
</div>
以上彩色文字为替换内容,分别表示——

JS调用
Flash图片
Flash图片点击跳转的链接
Flash图片文字说明

详细的参数和JS调用的方法参考我的旧贴——
http://bbs.topzj.com/thread-231972-1-1.html

[ 本帖最后由 issey 于 2007-7-26 22:24 编辑 ]

TOP

引用:
原帖由 issey 于 2007-7-26 14:55 发表
袭月亲亲~~~~~
親親。。。
CC

看到你偶就不用截圖拉
[url=http://www.fy88.com.cn]西海云台[/url]

TOP

嗯。。。这个是好东东撒。。。

TOP

哦哦,袭月亲亲是写代码的高手哦,我的幕后参谋的说!

TOP

引用:
原帖由 issey 于 2007-7-26 16:28 发表
哦哦,袭月亲亲是写代码的高手哦,我的幕后参谋的说!
抽空把这个代码再改一下。。。
把那个问题给解决掉。。。
[url=http://www.fy88.com.cn]西海云台[/url]

TOP

图片地址是怎么写的?还有图片说明呢?

TOP

这个flash图片要经常换好麻烦呢~

TOP

好东西捏~~

亲亲~

TOP

谢谢啦!!!!

TOP

发新话题