用户名 密码 记住我 还未注册?

如何在xoops加入thickbox特性 [技术论坛 - 主题综合]

XOOPS China 讨论区 > XOOPS Theme (主题) > 主题综合 > 如何在xoops加入thickbox特性
Tag: Ajax   Thickbox   Login   jQuery  

正在浏览：   1 名游客



 到底部   前一个主题   下一个主题  [无发表权] 请登录或者注册



ncnynl
如何在xoops加入thickbox特性
#1
网站管理员
注册日期:
2005/2/24 15:17
所属群组：
网站管理员
注册会员
技术文档组
帖子: 723 | 精华: 32
等级： 24; EXP： 37
HP： 0 / 584
MP： 241 / 9475
离线
原帖:
http://www.ncnynl.com/xoops2016u/modu ... le/view.article.php/53/c2

1. 下载软件包xoops2_hack_ajaxLogin_1.0.rar
2. 解压包把pic-js,pic-css,pic-img复制到你的主题中,以phpkaox主题为例子
3. 在主题的theme.html文件中标记前,增加如下内容.

<!--Ajax Begin-->
<script src="<{$xoops_url}>/themes/phpkaox/pic-js/jquery.js" type="text/javascript"></script>
<script src="<{$xoops_url}>/themes/phpkaox/pic-js/thickbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="<{$xoops_url}>/themes/phpkaox/pic-css/thickbox.css" type="text/css" media="screen" />
<!--Ajax End-->


4. 修改thickbox.js.找到

<img src='../pic-img/loadingAnimation.gif' />

以你绝对路径来替代../pic-img/loadingAnimation.gif内容如:

http://www.ncnynl.com/xoops2016u/them ... -img/loadingAnimation.gif

5. 从压缩包里面提取xoops_login_title.php,并放于根目录.

6. 在适当地方,加入如下行:

<a href="<{$xoops_url}>/xoops_login_title.php?height=100&width=250" class="thickbox" title="Please Sign In">login</a>

7. 完成以上步骤,则你就拥有屏蔽效果的登陆页面

具体效果可以访问http://www.ncnynl.com/顶部的login.

2007/3/2 11:20
_________________
nightcat 小站
不同时刻的访问，有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


ideasky
回复: 如何在xoops加入thickbox特性
#2
高级会员
注册日期:
2006/9/24 7:48
所属群组：
注册会员
帖子: 110 | 精华: 1
等级： 9; EXP： 50
HP： 0 / 212
MP： 36 / 2467
离线
这个Hack很好
不过，thickbox 层遮照效果不是太好，在窗口缩放的时候遮照层不会自动填满

建议能使用Lightbox Gone Wild做如上效果
http://particletree.com/examples/lightbox/

2007/3/2 16:36
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


ncnynl
回复: 如何在xoops加入thickbox特性
#3
网站管理员
注册日期:
2005/2/24 15:17
所属群组：
网站管理员
注册会员
技术文档组
帖子: 723 | 精华: 32
等级： 24; EXP： 37
HP： 0 / 584
MP： 241 / 9475
离线
IE下遮照效果不是太好
不过FF就没有问题.

2007/3/2 18:00
_________________
nightcat 小站
不同时刻的访问，有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


cangchen
回复: 如何在xoops加入thickbox特性
#4
资深会员
注册日期:
2004/8/8 14:25
所属群组：
注册会员
帖子: 329 | 精华: 3
等级： 16; EXP： 94
HP： 0 / 398
MP： 109 / 7103
离线
不能用,一直loading
见我的网站底部测试连接

2007/3/6 17:14
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


cangchen
回复: 如何在xoops加入thickbox特性
#5
资深会员
注册日期:
2004/8/8 14:25
所属群组：
注册会员
帖子: 329 | 精华: 3
等级： 16; EXP： 94
HP： 0 / 398
MP： 109 / 7103
离线
地址 www.vicein.com

2007/3/6 17:16
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


dufei22
回复: 如何在xoops加入thickbox特性
#6
资深会员
注册日期:
2006/5/25 19:53
所属群组：
注册会员
帖子: 336 | 精华: 2
等级： 17; EXP： 12
HP： 0 / 403
MP： 112 / 5069
离线
不错！

其实xoops也应该加入一些所谓web2.0的元素，像joomla也用了mootools这个js库。

2007/3/6 17:28
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


ncnynl
回复: 如何在xoops加入thickbox特性
#7
网站管理员
注册日期:
2005/2/24 15:17
所属群组：
网站管理员
注册会员
技术文档组
帖子: 723 | 精华: 32
等级： 24; EXP： 37
HP： 0 / 584
MP： 241 / 9475
离线
引用:

作者 东至 于 今天 17:14

不能用,一直loading
见我的网站底部测试连接


可以出现弹出框,我FF访问的

2007/3/6 18:01
_________________
nightcat 小站
不同时刻的访问，有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


ncnynl
回复: 如何在xoops加入thickbox特性
#8
网站管理员
注册日期:
2005/2/24 15:17
所属群组：
网站管理员
注册会员
技术文档组
帖子: 723 | 精华: 32
等级： 24; EXP： 37
HP： 0 / 584
MP： 241 / 9475
离线
我测试时候都试过IE 一直loading得

你试试加入js得那部分和

</head>

空开一行

或者调整下其他位置.
我之前IE不行，都是调整了JS部分位置解决的.

这个都比较奇怪的了

2007/3/6 22:42
_________________
nightcat 小站
不同时刻的访问，有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
工具箱 短消息 Email PDF 书签 打印 举报 回顶部


 回顶部   前一个主题   下一个主题

  [无发表权] 请登录或者注册


您不可查看帖子。
您不可发帖。
您不可回复。
您不可编辑自己的帖子。
您不可删除自己的帖子。
您不可发起投票调查。
您不可在投票调查中投票。
您不可上传附件。
您不可不经审核直接发帖。
您不可使用主题类别。
您不可使用HTML语法。
您不可使用签名档。

[高级搜索]