关于In Rainbows主题的自定义化
此日志专门针对In Rainbows自定义化的解答:
如何修改CSS?
如果你是最近下载的In Rainbows主题包的话，你会发现我重新加入了css引用标签，你可以在模板后台的CSS区域里添加你的个性化style(在不与主题的原style冲突的情况下)。这样做的好处是你可以尽可能的按自己的实际需要设置新的CSS规则而无须频繁修改原CSS。
当然，请不要问我CSS是什么，怎么写CSS的问题。这不是我分享主题的目的
看不懂Javascript
因为用的是jQuery的framework，文件有点大，所以我用YUI Compressor给压缩了下，看下HEAD文件里你会发现用了4个js文件，第一个是jQuery的基本framework，第二是addons，第三个才是你需要察看修改的站点js文件，你可以在此处查下未压缩版的该文件，至于第4个是没有压缩的Enhanced Tag Clouds脚本。
简要说明下站点js的用法
顶部的那个UFO可以弹回去?
找到// elastic UFO!注释段，left和top是弹回的位置，duration是控制速度的，600代表0.6秒。
动态滚动速度太快了?
找到// Animated Scroll注释段，把其中的$('html, body').animate({scrollTop: targetOffset}, 600);里的600调成你需要的速度就是了。
怎么应用自己修改后的js
这本不是我想要解答的问题，因为google的话你可以找到一大堆，但是不提的话估计也有很多人要问了
把修改后的js文件上传到bus，然后把文件地址替换HEAD里的第3个js文件地址。Fin!
Categorized under 模板推荐 with 模板 In-Rainbows tagged.
5 Replied
In R这个模板没有图片缩放JS代码。
记得之前在某个bus博客里看到有人在博客里使用了动态JS图片缩放代码，就好像Discuz! 论坛里的、图片缩放一样。
不晓得怎样实现。。{#face:9}
// Shrink the Image Size Which's Width > 400px
var img_width = 580;
$('#primary .entrybody img').each(function() {
var origin_width = $(this).width();
var origin_height = $(this).height();
if (origin_width <= img_width) return;
var img_height = img_width/origin_width*origin_height;
$(this).css({
width: img_width + 'px',
height: img_height + 'px',
cursor: 'pointer'
}).click(function() {
window.open(this.src);
});
});
(2008-05-15 12:24:01)
在火狐下浏览就没有问题。。。
不过正常就好啦～
谢谢咯
分享给我们这么好的模板。
（而且我现在也开始用火狐了，用它突破GFW还真蛮方便）{#face:11}
IE强制刷新下应该也是没问题的，毕竟我已经在IE6/7，Firefox，Opera，Safari和Konqueror下都测试过了的。
Firefox好用的插件那是一大堆啊 :D
(2008-05-14 13:45:39)
http://emilycool.blogbus.com/
很奇怪的问题，麻烦你看一下。
这两个都是我的博客，使用的都是基于In Rainbows的主题
可是第一个却无法使用JS，明明一样的代码，可是第一个就是无法使用。
可否帮忙解决一下？
貌似两个都可以啊，你再试下?
(2008-05-13 10:15:42)