由zx.asd提供.
1. GreyBox 介绍及下载:
http://orangoo.com/labs/GreyBox/
2.解压GreyBox_v5_30,将greybox文件上传到博客目录下
3.修改模板default.html , catalog.html , single.html
1). 在< head > < /head > 加入:
复制内容到剪贴板
代码:
<script type="text/javascript">
var GB_ROOT_DIR = "<#ZC_BLOG_HOST#>greybox/";
</script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/AJS.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/AJS_fx.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/gb_scripts.js"></script>
<link href="<#ZC_BLOG_HOST#>greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />2). 在底部的 script 内 加入:
复制内容到剪贴板
代码:
$(document).ready(function(){
$("div[@class='你的文章DIV块的class名称']").find("a[@href$=.bmp],a[@href$=.png],a[@href$=.gif],a[@href$=.jpg],a[@href$=.jpeg]").each(function(i){
$(this).rel("gb_imageset[nice_pics]");
});
});'
你的文章DIV块的class名称'是在b_article-single.html里的文章块的类名,默认模板的'
你的文章DIV块的class名称'是'
post-body'.
4. 如何使用.
1). 用两个UBB组合,如
复制内容到剪贴板
代码:
[URL=http://upload/effect.cn.png][IMG=500,375,记忆碎片]upload/s_effect.cn.png[/IMG][/URL]2). html代码,如
复制内容到剪贴板
代码:
<a href="http://blog.rainbowsoft.org/show/upload/effect.cn.png" target="_blank"><img src="http://blog.rainbowsoft.org/show/upload/s_effect.cn.png" alt="记忆碎片"/></a>5.效果预览见 菠萝秀 :
http://blog.rainbowsoft.org/show/
6. 结束,有问题麻烦跟贴提出.
[
本帖最后由 月上之木 于 2007-2-12 23:59 编辑 ]
