晨风交流论坛_CMP_CChat_Flash_音乐_视频_播放器_live直播_聊天室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 22816|回复: 6

[皮肤] 新版Exobud框架皮肤【修正IE6横滚动条问题】

[复制链接]
发表于 2010-10-5 23:02:53 | 显示全部楼层 |阅读模式
官方QQ群:102348392 | 捐赠CMP
将以前的exobud plastic皮肤优化了一下,化繁为简,方便新手使用
实际应用例子请打开:
http://cmp.cenfun.com/cmp4/music.htm

原理是利用网页框架载人cmp页面和主要显示页面,达到边浏览网页边听音乐的目的
由于使用框架,所以不用当心页面跳转会中断音乐

而Exobud皮肤就是专门为实现此效果和功能制作的皮肤
相比之前的exobud plastic皮肤,本次将close和open功能集成到皮肤里面,由皮肤调用js来实现打开和关闭
大大减少了新手的编写困难,而且如果cmp页面不在框架页面中,打开和关闭按钮自动隐藏

当然如果要实现退出听音乐的功能,直接在你页面加一个链接,将target指向_top即可:
  1. <a href="http://bbs.cenfun.com/" target="_top">退出</a>
复制代码
调用步骤:
1,制作cmp页面,html代码可以是:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>CMP</title>
  6. <style type="text/css">
  7. html, body { height:100%; margin:0; padding:0; overflow:hidden; }
  8. </style>
  9. </head>
  10. <body>
  11. <script type="text/javascript" src="cmp.js"></script>
  12. <script type="text/javascript">
  13. CMP.write("cmp", "100%", "100%", "cmp.swf", { skin : "skins/exobud.zip" }, { wmode : "transparent"});
  14. </script>
  15. </body>
  16. </html>
复制代码
保存为cmp.htm文件,本站的例子就是http://cmp.cenfun.com/cmp4/cmp.htm
其中必须用skin : "skins/exobud.zip"来特殊指定为Exobud皮肤,当然也可以在你cmp的配置文件里指定
cmp.js和cmp.swf主程序路径需要修改成你自己的

2,制作框架页面,html代码可以是:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. </head>
  7. <!--[if lte IE 6]>
  8. <script type="text/javascript">var ie6=true;</script>
  9. <![endif]-->
  10. <script type="text/javascript">
  11. //修正ie6横滚动条问题
  12. var scrolling = typeof(ie6) == "undefined" ? "auto" : "yes";
  13. document.write('<frameset rows="*,24" frameborder="no" border="0" framespacing="0">')
  14. document.write('<frame src="http://bbs.cenfun.com/" scrolling="'+scrolling+'" />');
  15. document.write('<frame src="cmp.htm" scrolling="No" noresize="noresize" />');
  16. document.write('</frameset>');
  17. </script>
  18. </html>
复制代码
保存为music.htm文件,本站的例子就是http://cmp.cenfun.com/cmp4/music.htm
其中里面的第一个框架的路径改为你要显示的页面即可

皮肤特殊参数:
exobud_height  表示此皮肤点击open按钮打开时的高度,默认是224
需要在cmp4全局配置中自定义其他值的,可以传入此参数,如:
exobud_height="300"

PS:
有一些朋友说不利于SEO,也就是他们所谓的搜索引擎优化
其实,要反问一句,这些朋友到底懂不懂SEO?都是不看具体情况的,其实就是睁眼说瞎话
一个附加网页而已嘛,原来的页面动都没动,也影响SEO,不知道从何谈起?
本论坛不是也可以加上面的框架,那没SEO了?

皮肤下载:
https://github.com/cenfun/cmp/tr ... c/exobud/exobud.zip

皮肤源文件:
https://github.com/cenfun/cmp/tree/master/cmp4/skins/src/exobud/
发表于 2010-10-6 08:13:04 | 显示全部楼层
第一次坐沙发,不要跟我抢。
发表于 2010-10-7 00:36:59 | 显示全部楼层
喜欢   安装成功~哈哈谢谢老大!
发表于 2010-10-13 20:02:09 | 显示全部楼层
不错的...我刚开始发现这个玩意,很好很强大
发表于 2011-4-5 14:50:32 | 显示全部楼层
本帖最后由 hsm 于 2011-4-14 01:18 编辑

谁能帮我解决这两个问题?

1、皮肤特殊参数:config.xml里面设置exobud_height = "300"无效(皮肤文件也是exobud.ZIP我真不知道怎么办了),点闭合后再点打开,又会恢复到224的高度。

2、头部信息<title></title>之间中文转义后就直接显示长长的字母数字不会成中文的,直接写中文就变乱码,直接写英文则正常。
发表于 2011-4-6 12:44:38 | 显示全部楼层
不利于SEO???
人云亦云的家伙
再说了,现在也就小P孩的网站一进入就播放音乐
这些什么都不懂的孩子,真的担心SEO问题,那就专门做个框架页啊~

方法是死的,人不要也跟着死啊
发表于 2011-4-13 01:54:45 | 显示全部楼层
cenfun 发表于 2010-10-5 23:02
将以前的exobud plastic皮肤优化了一下,化繁为简,方便新手使用
实际应用例子请打开:
http://cmp.cenfun. ...

老大,标准菜鸟的我又来了,两个问题我都没有解决。

皮肤特殊参数:config.xml里面设置exobud_height = "300"无效(皮肤文件也是exobud.ZIP我真不知道怎么办了),点闭合后再点打开,又会恢复到224的高度。

头部信息<title></title>之间中文转义后就直接显示长长的字母数字不会成中文的,直接写中文就变乱码,直接写英文则正常。

QQ|客服QQ44023478|Archiver|手机版|小黑屋|晨风交流论坛 ( 粤ICP备05008793号 )

GMT+8, 2018-12-12 16:31 , Processed in 0.058922 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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