MD,想这个标题想了我十几分钟,最后还是写了这傻不拉唧的标题,哎,谁让我没文学细胞呢。
Box.net 这个网盘大家应该不是很陌生,曾经风靡一时的网盘,它漂亮的 WEB2.0 界面非常吸引我,只可惜好景不常,就被伟大的“功夫王”给XXOO了。后来 Box 也重新注册了一个新的域名 boxcn.net ,专门给国人使用,但是用着 boxcn 心里总感觉和 box 原版的有点区别,于是很长一段时间都没有再去 box 。直到前段时间,在林木木的博客中看到了一篇文章,用jQuery读取 Box 文件的外链,于是我好奇的输入 box.net ,发现可以访问了,“功夫王”居然把 box 给释放了。
前话就这些了,下面进入主题,首先大家看看这个页面,这个就是读取 box 文件外链做的展示页面,其制作方法大家请看林木木写的《制作 Box.net 文件外链展示页面》,我这里要做的就是把这个页面嵌套到博客中来,效果大家点击导航栏中的“网盘”。是不是很炫啊?呵呵,下面开始教大家做这个效果。
第一步:添加 Highslide JS
如果你博客安装了 Highslide4WP 或 Auto 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 文件可以删除了。
以上是安装了 Highslide4WP 或 Auto 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 老师。
到这里这个效果就做完了,有什么不懂的大家回复交流。
虽然没用过 以后可能用到
效果很炫。。
昨天在推上听木木说他的box挂了 :shock:
@丕子
网盘还是国内的比较方便,但是我为了追求个性化,只能用这个了。
@沉冰浮水
呵呵,确实很漂亮。
@wahyle
刚访问了,没有挂啊,不过就算 box 的挂了,还有 boxcn 可以访问。
嘿嘿,这个不错~~~~
是很帅啊 我也去搞个 不过我记得box不能外链音乐吧~
为什么叫“功夫王”有典故吗 我out 了 :sad:
暂时还不需要外链
即使能用也不爽,因为给中国功夫qj了
@寨主
确实不错,当作个人独立网盘用,哈哈。
@海天
貌似不能,我没用 box 弄过音乐。
@平平
没典故,就因为我用QQ拼音输入 G.F.W 出来的第一个就是功夫王。
@阿邙
我的空间小,只能用外链。
@zwwooooo
能用则用吧,就算再次被 QJ 也是有办法的。
现在稳定的网盘没几个,115还不错。不过谢谢博主推荐 我收藏起以后用得上
用freakshare的话还可以赚点小钱
@扣扣网
115确实不错,不过不支持外链,国外支持外链的很少,国内就更别说了。
@Firm
freakshare不是有IP限制的啦。
没更新 那咱就来点下广告吧~
每天一点 :lol:
@海天
点点更健康。
我用的最早的就是BOX,记得当时写了一篇5个最牛的Adsense WP主题下载,放在BOX里头,都过好几年了,现在邮箱里还经常跳出一个邮件说,你的box里面某某文件被下载啦!
或许你的永久地址(URL)要改改,然后做个 301 吧。
博主该更新博客了
@门新闻
呵呵,是的,文件被下载一次就会有EMAIL来提醒你。
@拆墙部队
为什么要改啊?没什么问题吧。
@扣扣网
木有东西写了,纠结中。。。
@冰剑
你这留言系统弄的挺好,还有邮件通知,互动的相当不错
@门新闻
评论邮件通知是现在基本属于博客必备的功能,可以大大的提供访客回访的几率。
还没有使用过这个网盘,先去看看咋样 ;-)
@黑莓手机
是个比较不错的网盘,当年很喜欢这个网盘,不过自从被墙后,就没那么喜欢了,但还是一直在用。
这篇很棒,我要好好研究研究
现在我用115网盘比较多,唉,老了
最喜欢这个弹出效果了~~~多谢~~
@MOPVHS
英语不好,看不懂API,找半天没找到相关的函数。
我想把点击后的那个 loading 去掉,使用自己的这个“页面载入”的提示,等载入完成后,再隐藏这个提示。
可是找不到函数,郁闷。
你英语好的话帮忙找找。。
规定时间消失掉不就好了?
setTimeout(function(){$("#loading_").hide(500)},3000)
如此强大。。。
@MOPVHS
以前是这样的,但是有时候他消失的太快了,把握不住时间啊。