设为首页收藏本站
切换到宽版

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

 找回密码
 立即注册
搜索
Discuz!官方免费开源建站系统»论坛 › 增值产品交流与讨论 › UCenter Home 专区 › UCenter Home-模板插件 › QQ农牧场全屏模式【新内核】移动速度快,不卡【最新修正I ...
12下一页
返回列表 发新帖

QQ农牧场全屏模式【新内核】移动速度快,不卡【最新修正IE6.0下标题栏高度问题】

[复制链接]
永恒的伤 发表于 2009-12-23 20:23:12 | 显示全部楼层 |阅读模式
本帖最后由 永恒的伤 于 2009-12-27 02:40 编辑

效果图

效果图

先发给图看看，稍等，在整理代码，一会就放出来。
happyfarm.rar (3.28 KB, 下载次数: 277)
会跳转QQ的防盗链 ,这个文件里面的JS删除几个对照下面这段删除一下就好了，我自己也刚发现.

QQ的防盗链问题参照这里修改
https://discuz.dismall.com/viewthread.php?tid=1527582&page=1&extra=#pid12846540
  1. </style>
  2. <script type="text/javascript" src="js/swfobject_qzone.js?v=2.1"></script>
  3. <script type="text/javascript" src="js/core.js"></script>
  4. </head>
  5. <body>
复制代码
script.rar (64.87 KB, 下载次数: 1041)
前提，你之前需要安装过小小宇的大屏模式
因为我比较忙，就不发出他的大屏代码了

以下是修改您的风格文件

template/*/happyfarm.htm
把他写的大窗口模式这一句替换
  1. <li><a href="happyfarm/?act=full" target="myfarm" onclick="javascript:showDiv('floatDiv');"><span>大窗口模式</span></a></li>
复制代码
找到他原来写的一段代码:
  1. <div style="padding:0px; font-size:12px;text-align:center;">
  2.         <div style="padding:0px; font-size: 12px; text-align: center;"><iframe id="myfarm" name="myfarm" src="happyfarm/?act=nc" frameborder="0" scrolling="no" width="810" height="630"></iframe></div>
  3. </div>
复制代码
在上面加入：
  1. <!--{if $happyfarm}-->
  2. <link href="happyfarm/script/drag.css" rel="stylesheet" media="all" />
  3. <script type="text/javascript" src="happyfarm/script/drag.js"></script>
  4. <div id="floatDiv" class="floatDiv" style="display:none;">
  5.         <div class="divTitle" onmousedown="moveDiv(event,'floatDiv');">
  6.                 <h3>哈里农场</h3><a href="happyfarm/?act=nc" target="myfarm" onclick="closeDiv('floatdiv');" title="关闭" class="BUTTON">关闭</a>
  7.         </div>
  8.         <div class="divContent" >        
  9. <iframe id="farm" name="farm" src="/happyfarm/happyfarm.html" frameborder="0" scrolling="no" width="948" height="602"></iframe>
  10. <!--<iframe id="farm" name="farm" src="/happyfarm/?act=full" frameborder="0" scrolling="no" style="margin-top:-5px;" width="948" height="602"></iframe>-->
  11.         </div>
  12. </div>
  13. <!--{/if}-->
复制代码
清空缓存，刷新、OK.

缺点，不支持火狐浏览器。请各位斟酌是否修改，你有权选择不使用我的方法，但是如果你觉得我的方法不好，也别骂我，谢谢！

最新CSS补丁，修正IE6.0下 大屏标题栏高度问题。
由于疏忽，没有在IE6.0浏览器测试，标题栏CSS高度少了一个参数，现在已经加上，修改方法：
查找
  1. .floatDiv .divTitle{
  2.         background:#8baccf url(pupop_bg.png) repeat-x; cursor: move;
  3.         height:28px;
  4.         line-height:28px;
  5. }
复制代码
修改为
  1. .floatDiv .divTitle{
  2.         background:#8baccf url(pupop_bg.png) repeat-x; cursor: move;
  3.         height:28px;
  4.         line-height:28px; overflow:hidden;
  5. }
复制代码
查找
  1. .floatDiv .divTitle a.BUTTON {
  2.         BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(pupop_bg.png) no-repeat 0px -30px; FLOAT: right; BORDER-LEFT: 0px; WIDTH: 34px; LINE-HEIGHT: 100px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: 0px; HEIGHT: 19px;cursor: hand; text-indent:-999px;}
  3. .floatDiv .divTitle a.BUTTON:hover {
  4.         BACKGROUND: url(pupop_bg.png) no-repeat -37px -30px;cursor: hand;
  5. }
复制代码
修改为
  1. .floatDiv .divTitle a.BUTTON {
  2.         BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(pupop_bg.png) no-repeat 0px -30px; FLOAT: right; BORDER-LEFT: 0px; WIDTH: 34px; LINE-HEIGHT: 100px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: 0px; HEIGHT: 19px;cursor: hand; text-indent:-999px;overflow:hidden;
  3. }
  4. .floatDiv .divTitle a.BUTTON:hover {
  5.         BACKGROUND: url(pupop_bg.png) no-repeat -37px -30px;cursor: hand;overflow:hidden;
  6. }
复制代码
一共加了三个overflow:hidden;
drag.rar (659 Bytes, 下载次数: 110)
回复

使用道具 举报

something7 发表于 2009-12-23 20:26:40 | 显示全部楼层
顶，支持支持支持支持支持支持
回复

使用道具 举报

xlwl 发表于 2009-12-23 20:27:18 | 显示全部楼层
支持一下。。。。。。。。。
回复

使用道具 举报

zhouc 发表于 2009-12-23 20:37:23 | 显示全部楼层
js打开弹出层，层里面套嵌htm，差不多吧？
回复

使用道具 举报

 楼主| 永恒的伤 发表于 2009-12-23 20:38:22 | 显示全部楼层
js打开弹出层，层里面套嵌htm，差不多吧？
zhouc 发表于 2009-12-23 20:37


是的，一点都没错。
回复

使用道具 举报

easyker 发表于 2009-12-23 21:03:33 | 显示全部楼层
支持一下奉献精神
回复

使用道具 举报

ssoo88 发表于 2009-12-23 21:23:00 | 显示全部楼层
支持一下，刚要自己写一个，省事了
回复

使用道具 举报

佘詩曼 发表于 2009-12-23 21:25:02 | 显示全部楼层
支持下。。。
回复

使用道具 举报

ゾ芯︵亂ジ 发表于 2009-12-23 22:31:07 | 显示全部楼层
支持下。。。
回复

使用道具 举报

zybb 发表于 2009-12-24 04:40:39 | 显示全部楼层
本帖最后由 zybb 于 2009-12-24 13:31 编辑

修正下你的CSS  IE有问题   好像是TITLE 里的LINE-HEIGHT高度写的有问题...

下面是修改的

  1. #overlay{
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. z-index: 99;
  6. width: 100%;
  7. height:100%;
  8. background-color: #000;
  9. filter:alpha(opacity=50);
  10. -moz-opacity: 0.6;
  11. opacity: 0.6
  12. }

  14. .floatDivs{
  15. position:absolute;
  16. width:948px;
  17. height:628px;
  18. margin:0px;
  19. z-index:100;
  20. background:#FFF; padding:0px;
  21. border:1px solid #6b97c1;
  22. overflow:hidden
  23. }

  25. .floatDivs .divTitle{
  26. background:#8baccf url(./image/pupop_bg.png) repeat-x; cursor: move;
  27. height:28px;
  28. line-height:28px;
  29. overflow:hidden
  30. }
  31. .floatDivs .divTitle h3 {
  32. font-size:13px;
  33. float: left;
  34. margin: 0px;
  35. color: #ffffff;
  36. text-indent:8px;
  37. line-height:28px;
  38. height:28px;
  39. overflow:hidden
  40. }
  41. .floatDivs .divTitle a.BUTTONS {
  42. border:0px;
  43. background: url(./image/pupop_bg.png) no-repeat 0px -30px;
  44. float:right;
  45. width:34px;
  46. line-height:20px;
  47. margin-right:5px;
  48. height:19px;
  49. cursor:hand;
  50. text-indent:-999px;
  51. overflow:hidden
  52. }
  53. .floatDivs .divTitle a.BUTTONS:hover {
  54. background: url(./image/pupop_bg.png) no-repeat -37px -30px;
  55. cursor: hand;
  56. overflow:hidden
  57. }
  58. .floatDivs .divContent{
  59. padding:0px;
  60. min-height:602px;
  61. height:682px;
  62. cursor:default;
  63. overflow:hidden
  64. }
复制代码
回复

使用道具 举报

下一页 »
12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-9-17 11:57 , Processed in 0.138747 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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