Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【童】漂亮的圣诞FLASH雪花(2011年12月24日修改兼容性)

[复制链接]
zhanshiren 发表于 2010-12-19 14:19:45 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! X2
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
风格转换者: 原创
本帖最后由 zhanshiren 于 2011-12-24 15:06 编辑

圣诞来了,赶紧给你的站点加上一点超有气氛的下雪效果吧!

无需修改任何文件,只要在后台添加一个广告、上传一个Flash文件。
演示站点:www.zhanshiren.com

【附赠:】
圣诞节、冬季节日气氛背景图(蓝色雪地雪人风格)
https://discuz.dismall.com/thread-2579140-1-1.html

童原创圣诞头部背景图(2011)
https://discuz.dismall.com/thread-2006013-1-1.html

2011年12月24日更新内容如下,建议以此为准


因为经过持续的学习,CSS认识又有些许进步了,所以把这个代码修改了一下,提高兼容性。

设置了在IE系,如IE6\7\8\9,傲游,搜狗,360,世界之窗等IE内核的浏览器中显示大面积雪花,在chrome等浏览器下显示小面积雪花,只覆盖LOGO部分,不会覆盖其他链接(以官方默认风格为前提)。

IE9、chrome、遨游、360、搜狗、世界之窗已测,
其他浏览器大家有空可以测试一下。

添加方法与之前贴的一样,只是代码有区别。
请注意flash的大小和路径一共8处是需要修改的。
1、上传附件Flash到你的网站
2、后台,扩展,站点广告,全局-页头通栏广告,添加以下代码:
  1. <div style="z-index:9999; position:absolute;left:0;top:0"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  2. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  3. width=530 height=90>
  4. <param name=movie value="你的Flash文件路径">
  5. <param name=quality value=high>
  6. <param name=wmode value=transparent>
  7. <param name=bgcolor value=#ffffff>
  8. <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=530 height=90 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
  9. </object>
  10. <!--[if lte IE]><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  11. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  12. width=960 height=590>
  13. <param name=movie value="你的Flash文件路径">
  14. <param name=quality value=high>
  15. <param name=wmode value=transparent>
  16. <param name=bgcolor value=#ffffff>
  17. <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=960 height=590 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
  18. </object>
  19. <![endif]--></div>
复制代码




这里是分割线:以下是2010年12月发表的内容,保留参考


1、上传附件Flash到你的网站
2、后台,扩展,站点广告,全局-页头通栏广告,添加以下代码:

  1. <div style="z-index:9999; position:absolute;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  2. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  3. width=800 height=600>
  4. <param name=movie value="你的Flash文件路径">
  5. <param name=quality value=high>
  6. <param name=wmode value=transparent>
  7. <param name=bgcolor value=#ffffff>
  8. <embed src="你的Flash文件路径" quality=high wmode=transparent bgcolor=#ffffff width=800 height=600 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"></embed>
  9. </object></div>
复制代码
3、启用广告即可

具体参数可根据你的站点实际情况修改。


注意:部分浏览器可能不支持此Flash透明,会导致头部被覆盖,导航无法点击。
我自己测试,
火狐、chrome、opera、Safari不兼容;(可以把Flash的长宽改小,避免覆盖,比如660*100)
IE6、IE7、IE8、傲游、theworld、greenbrowser均无问题




===============2010年12月20日更新说明=============
有童鞋反映浏览器兼容问题,部分浏览器下导航栏会被覆盖,解决方法如下:
把 width=800 height=600 改成适合你头部的大小,即width小于页头左侧到登陆框的距离,height小于页面顶部到导航栏的距离。像素大小可以在开启截屏工具(如QQ)的情况下截图测量具体数值。

如果Flash的大小改小后,雪花变小,可以加大Flash高度(如加大100px),然后在position:absolute;后面加一个padding:-100px


最后要说的是:有空学习一下CSS和HTML,菜鸟会变成高级菜鸟。









本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

lovnie 发表于 2010-12-19 14:22:03 | 显示全部楼层
都不能打开头部链接的
回复

使用道具 举报

lovnie 发表于 2010-12-19 14:22:38 | 显示全部楼层
有问题 Flash覆盖的导航都不能点击
回复

使用道具 举报

 楼主| zhanshiren 发表于 2010-12-19 14:26:50 | 显示全部楼层
回复 lovnie 的帖子

你的什么浏览器,雪花飘落到的位置才会被覆盖的。雪花掉下去就可以点了。
回复

使用道具 举报

lovnie 发表于 2010-12-19 14:41:16 | 显示全部楼层
回复 zhanshiren 的帖子

火狐浏览器
回复

使用道具 举报

marco187 发表于 2010-12-19 20:49:34 | 显示全部楼层
不知道有没有办法修改兼容性
回复

使用道具 举报

leeoly 发表于 2010-12-19 21:05:51 | 显示全部楼层
不错,我喜欢
回复

使用道具 举报

不让提意见 发表于 2010-12-19 22:13:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| zhanshiren 发表于 2011-12-24 15:05:49 | 显示全部楼层
最新修改完善兼容性了,希望大家支持!
回复

使用道具 举报

xiaomu 发表于 2011-12-24 17:09:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-18 04:25 , Processed in 0.038322 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表