站内的 Box.net 外链网盘

30 Comments

MD,想这个标题想了我十几分钟,最后还是写了这傻不拉唧的标题,哎,谁让我没文学细胞呢。

Box.net 这个网盘大家应该不是很陌生,曾经风靡一时的网盘,它漂亮的 WEB2.0 界面非常吸引我,只可惜好景不常,就被伟大的“功夫王”给XXOO了。后来 Box 也重新注册了一个新的域名 boxcn.net ,专门给国人使用,但是用着 boxcn 心里总感觉和 box 原版的有点区别,于是很长一段时间都没有再去 box 。直到前段时间,在林木木的博客中看到了一篇文章,用jQuery读取 Box 文件的外链,于是我好奇的输入 box.net ,发现可以访问了,“功夫王”居然把 box 给释放了。

前话就这些了,下面进入主题,首先大家看看这个页面,这个就是读取 box 文件外链做的展示页面,其制作方法大家请看林木木写的《制作 Box.net 文件外链展示页面》,我这里要做的就是把这个页面嵌套到博客中来,效果大家点击导航栏中的“网盘”。是不是很炫啊?呵呵,下面开始教大家做这个效果。

第一步:添加 Highslide JS


如果你博客安装了 Highslide4WPAuto Highslide 的话,那么就不需要再添加 Highslide JS 了,只需要修改一下这个插件的代码即可。
分别编辑插件下的 highslide4wp.php 或 auto-highslide.php 文件,找到:
hs.outlineType = "rounded-white";

在下面加入一行:
hs.wrapperClassName = "draggable-header";

再找到:
highslide/highslide-with-html.packed.js

修改成:
highslide/highslide-full.packed.js

再把 highslide-full.packed.js 上传至插件中的 highslide 目录下,highslide-with-html.packed.js 文件可以删除了。

以上是安装了 Highslide4WPAuto Highslide 的修改方法,没有安装这两个插件的朋友可以按照如下方法进行。

首先下载 Highslide JS ,把 highslide 文件夹中除了 highslide.css 、 graphics文件夹 、 highslide-full.packed.js 三个,其他的都删除,然后把 highslide 上传至某处地方,一般是 wp-content/plugins 下。

再打开主题中的头部文件 header.php ,插入如下代码:

<script type="text/javascript" src="../highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>

其中那三个路径的地方,一定要写正确。

还是建议使用上面两个插件,推荐 Auto Highslide 。

第二步:导航栏中添加网盘的超链接


不同主题的添加方法不同,下面以我的主题 iNove 为例,打开主题下 templates/header.php 文件,找到:
<ul id="menus"></ul>

在这个 id 为 menus 的无序列表中,插入一个 li :
<li class="page-item-box"><a class="mybox" title="<?php _e('网盘', 'inove'); ?>" href="/box">< ?php _e('网盘', 'inove'); ?></a></li>

这样,你的导航栏中就多了一个“网盘”的选项。

第三步:添加 iframe 效果


在你的 jQuery 应用 js 文件中,添加如下代码:
$("#navigation .mybox").click(function() {
    return hs.htmlExpand(this, {
        objectType: 'iframe',//打开类型,这个不管
        align: 'center',//打开位置,默认居中就可以了
        headingText: '网盘',//窗口标题
        width: 670,//打开时的宽度
        height: 460,//打开时的高度
        minWidth: 680//最小宽度
    })
});

PS:其他的参数大家可以参考 Highslide JS API Reference ,比如最小高度等等。怎么应用 jQuery 就不说了,已经讲过很多次,实在不会的可以去问 Google 老师。

到这里这个效果就做完了,有什么不懂的大家回复交流。

已有 30 条评论 »

  1. 丕子
    丕子 2010-07-11 07:48:12

    虽然没用过 以后可能用到

  2. 沉冰浮水
    沉冰浮水 2010-07-11 10:36:26

    效果很炫。。

  3. wahyle
    wahyle 2010-07-11 10:42:59

    昨天在推上听木木说他的box挂了 :shock:

  4. 冰剑
    冰剑 2010-07-11 12:16:05

    @丕子
    网盘还是国内的比较方便,但是我为了追求个性化,只能用这个了。

    @沉冰浮水
    呵呵,确实很漂亮。

    @wahyle
    刚访问了,没有挂啊,不过就算 box 的挂了,还有 boxcn 可以访问。

  5. 寨主
    寨主 2010-07-12 09:37:21

    嘿嘿,这个不错~~~~

  6. 海天
    海天 2010-07-12 11:11:46

    是很帅啊 我也去搞个 不过我记得box不能外链音乐吧~

  7. 平平
    平平 2010-07-12 19:45:05

    为什么叫“功夫王”有典故吗 我out 了 :sad:

  8. 阿邙
    阿邙 2010-07-12 19:45:56

    暂时还不需要外链

  9. zwwooooo
    zwwooooo 2010-07-12 21:41:02

    即使能用也不爽,因为给中国功夫qj了

  10. 冰剑
    冰剑 2010-07-13 00:15:48

    @寨主
    确实不错,当作个人独立网盘用,哈哈。

    @海天
    貌似不能,我没用 box 弄过音乐。

    @平平
    没典故,就因为我用QQ拼音输入 G.F.W 出来的第一个就是功夫王。

    @阿邙
    我的空间小,只能用外链。

    @zwwooooo
    能用则用吧,就算再次被 QJ 也是有办法的。

  11. 扣扣网
    扣扣网 2010-07-13 20:25:38

    现在稳定的网盘没几个,115还不错。不过谢谢博主推荐 我收藏起以后用得上

  12. Firm
    Firm 2010-07-13 22:10:35

    用freakshare的话还可以赚点小钱

  13. 冰剑
    冰剑 2010-07-14 02:24:56

    @扣扣网
    115确实不错,不过不支持外链,国外支持外链的很少,国内就更别说了。

    @Firm
    freakshare不是有IP限制的啦。

  14. 海天
    海天 2010-07-14 16:05:19

    没更新 那咱就来点下广告吧~

  15. 海天
    海天 2010-07-15 09:10:17

    每天一点 :lol:

  16. 冰剑
    冰剑 2010-07-15 15:35:50

    @海天
    点点更健康。

  17. 门新闻
    门新闻 2010-07-16 22:11:51

    我用的最早的就是BOX,记得当时写了一篇5个最牛的Adsense WP主题下载,放在BOX里头,都过好几年了,现在邮箱里还经常跳出一个邮件说,你的box里面某某文件被下载啦!

  18. 拆墙部队
    拆墙部队 2010-07-17 08:51:18

    或许你的永久地址(URL)要改改,然后做个 301 吧。

  19. 扣扣网
    扣扣网 2010-07-17 11:00:42

    博主该更新博客了

  20. 冰剑
    冰剑 2010-07-17 14:01:55

    @门新闻
    呵呵,是的,文件被下载一次就会有EMAIL来提醒你。

    @拆墙部队
    为什么要改啊?没什么问题吧。

    @扣扣网
    木有东西写了,纠结中。。。

  21. 门新闻
    门新闻 2010-07-17 15:16:48

    @冰剑
    你这留言系统弄的挺好,还有邮件通知,互动的相当不错

  22. 冰剑
    冰剑 2010-07-17 15:35:18

    @门新闻
    评论邮件通知是现在基本属于博客必备的功能,可以大大的提供访客回访的几率。

  23. 黑莓手机
    黑莓手机 2010-07-18 11:12:40

    还没有使用过这个网盘,先去看看咋样 ;-)

  24. 冰剑
    冰剑 2010-07-18 17:04:48

    @黑莓手机
    是个比较不错的网盘,当年很喜欢这个网盘,不过自从被墙后,就没那么喜欢了,但还是一直在用。

  25. knife
    knife 2010-07-18 19:08:23

    这篇很棒,我要好好研究研究
    现在我用115网盘比较多,唉,老了

  26. MOPVHS
    MOPVHS 2010-08-01 20:15:42

    最喜欢这个弹出效果了~~~多谢~~

  27. 冰剑
    冰剑 2010-08-01 21:35:21

    @MOPVHS
    英语不好,看不懂API,找半天没找到相关的函数。
    我想把点击后的那个 loading 去掉,使用自己的这个“页面载入”的提示,等载入完成后,再隐藏这个提示。
    可是找不到函数,郁闷。
    你英语好的话帮忙找找。。

  28. MOPVHS
    MOPVHS 2010-08-01 22:40:25

    规定时间消失掉不就好了?
    setTimeout(function(){$("#loading_").hide(500)},3000)

  29. Ebo
    Ebo 2010-08-01 22:51:55

    如此强大。。。

  30. 冰剑
    冰剑 2010-08-01 23:06:31

    @MOPVHS
    以前是这样的,但是有时候他消失的太快了,把握不住时间啊。