First "Direct Post" after coming back

In reuters now-----supposedly, I'm doing online test but I'm here, Ha

The network here is not affected by GFW since they use a Singapore IP and that means eventually I find a chance to come here directly:)

...

[阅读全文]

试验一下email发文

可怜呀，在great fire wall的高墙下，想来自己的blog发点牢骚都变成了一件异常复杂的事情

还好现在的blog一般都支持邮件发文，试试吧

不过首先，需要先开启这个设置。于是去网上找了一堆web
代理，挨个试验，总算找到一个能登陆上blogger的－－也就因为这件事情非常麻烦，不稳定，且慢，所以不可能每天用web代理来发文。

这是今天用的web代理，先记在这里吧，说不定什么时候还用得上http://www.orzin.com/

下一步嘛，就是开启email发文的设置，然后写这封邮件了

接着...那就应该是听天由命了

为了顺便测试一下能不能发图片，胡乱加个附件吧

...

[阅读全文]

Blog版式基本定下来了

前几天作了一些小改，大概包括：

背景色
Profile图表
然后加了一个小小的Post按钮在垂直导航栏里面------不过那个只是给我自己用的。

最近不想再改了，毕竟折腾模板并不是目的。

...

[阅读全文]

IE下定位垂直导航栏

被IE搞得很怒

垂直导航栏在IE下面总是不动，而且其他的排版也和Firefox下面不同

折腾了半天，终于让IE下面的垂直导航栏也不动了:)

参考随网之舞


是按照上面文章中的思路，但是blogger里面有些特殊的地方，所以改了一些东西。以下修改是基于我原来使用的导航栏做的，如果用的导航栏实现代码不同，需要作相应修改。

原理大概是:

既然ie下面不让我fix到窗口区域的固定位置，那我就自己造一个大小正好等于整个窗口尺寸的div，然后让导航栏绝对定位到这个div的固定为止。

当然，这样需要解决的问题就是，如果这个div跟窗口一样大，那么他内部应该好有另外一个带有滚动条的div，来保证所有需要的东西还是能够显示出来。

Step 1:

作一段只对IE有效的css

<!--[if lt IE 7]>
<style type="text/css">

html{
overflow:hidden;
}

body {
/*overflow:hidden;*/

height:100%;

}

#outer-wrapper
{
height:100%;
overflow-y:auto;
}

#fixed{
font-size:small;/*为了使得这个东西不会受到字体放缩的影响*/
position:absolute;
left:1px;top:20px;
width:30px
}

#fixed img{ /*IE only,解决ie下面另外一部分搞笑的问题*/
position:fixed;
margin-bottom:-20px;
}
#fixed hr{
margin-top: 16px;
margin-bottom:-2px;
}

#fixed a:hover img {/* 钉死IE下面的图像*/
left:0px;
position:relative;
top:0px;
}

#Manubar { /*隐藏另外那个垂直导航栏*/
display:none;
}

</style>

<script type='text/javascript'>
//修改分栏宽度
//<![CDATA[
document.writeln("<style type=\"text/css\">#outer-wrapper {width:" + ((document.documentElement.clientWidth)*1 - 20) + "px;}</style>");//set main width
//]]>
</script>
<![endif]-->
这个里面设定了html的overflow:hidden,也就是说，html和body就只有窗口区域这么大了。
然后在outer-wrapper里面加了overflow:auto，所以实际上仔细看会发现滚动条其实是outer-wrapper的，而不是整个整个窗体的-----blogspot会自动在outer-wrapper的前面加入一个navbar的导航栏(当然，是被我们给手动隐藏了的）

Step 2:

然后加入一个只在IE中才会出现的对象
<!--[if lt IE 7]>

<div id="fixed">
<a href="http://eerenyuanback.blogspot.com/" title="Home"><img alt="Home" src="http://eerenyuan.googlepages.com/homepage.png" /></a>
<hr/>
<a href="javascript:setTextSize(startSz+1)" title="Larger Font Size"><img alt="Font+" src="http://chenkaie.blog.googlepages.com/FontSizePlus.gif" /></a>
<br/>
<a href="javascript:setTextSize(3)" title="Default Font Size"><img alt="Font0" src="http://chenkaie.blog.googlepages.com/FontSizeOrigin.gif" /></a>
<br/>
<a href="javascript:setTextSize(startSz-1)" title="Smaller Font Size"><img alt="Font-" src="http://chenkaie.blog.googlepages.com/FontSizeMinus.gif" /></a>
<hr/>
打<br/>倒<br/>IE<br/>
</div>


<![endif]-->

这个东西貌似需要放在body的末尾部分，否则貌似会被其他东西给覆盖过去。如果愿意的话，可以用一个page element来统一管理这些只有ie中可见的东西，不过我已经习惯直接编辑那个xml文件了，所以就直接写在里面了。

至于效果，就是那个样子，开个IE试试就知道了，哈哈

...

[阅读全文]

基本上放弃对IE的支持了...

浏览器这个东西真是恶心

同样的东西，不同浏览器的结果能差这么多...

这不是搞笑吗

实在不会了，勉强只能把在firefox下面的效果调得正常，IE的放弃了

推荐实用FireFox！！！！！！！！！！！！

...

[阅读全文]

完善了一下那个颜色转换的东西~~~

现在是通过截图的方式获取的完整颜色列表

然后做了简单的解析ascii色彩控制码的程序-----完整的还作，基本上功能都有了，我也力所能及的做了一点容错，理论上用fterm下载的文章都可以处理。但是水木上对颜色码的容错其实相当的fz，就连这样的*[00012222;2000,12,1;0;32;001;45;;m这样的颜色也能处理...我作了一些简单的实验，但是还没有确定那个东西完整的容错机制，所以只处理了比较一般的情况

至于ascii码的光标移位，闪烁那些功能，就以后再说吧。

下面帖个效果图

发信人: dntx (冬鸟听雪), 信区: ASCIIArt
标  题: 色彩表
发信站: BBS 大话西游站 (Mon Feb 19 19:52:58 2001)

注意背景只能是低亮的，而前景则低亮高亮均可

          暗 暗 暗 暗 暗 暗 暗 暗 明 明 明 明 明 明 明 明
          前 前 前 前 前 前 前 前 前 前 前 前 前 前 前 前
          景 景 景 景 景 景 景 景 景 景 景 景 景 景 景 景
          30 31 32 33 34 35 36 37 30 31 32 33 34 35 36 37
          ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
背景40→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景41→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景42→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景43→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景44→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景45→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景46→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 
背景47→  天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 天 


再来一个

发信人: redbat (忆江南), 信区: PrettySigner
标  题: 光影效果
发信站: 华南网木棉站 (Wed Nov 14 19:10:19 2001), 转信

                                    
                                    
        ███                         
        ███                         
        ███                         
                                    
                                    
                                    
                   ███              
                   ███              
                   ███              
                                    
                                    
                                       By 忆江南㊣        
                              ███   
                              ███   
                              ███   
                                    
                                    

...

[阅读全文]

转一个笑话...

事情最早是这样的...

前几天在水木看到这个系列的笑话，觉得还算有趣,想以一种合适的方式转载过来

于是，有了下面这个东西

☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:30:56 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（1）
发信站: 水木社区 (Sat Aug 25 14:58:58 2007), 站内

小姑子成绩不好，打小就是。
小学每次都考零分。
高考更是十万八千里。
婆婆很是抱怨：怎么每次都是零分？
小姑子：这就叫做一切从零开始啊。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:02 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活 （2）
发信站: 水木社区 (Sat Aug 25 15:08:10 2007), 站内

给小姑子打电话，小姑子在军训。
铃声如下：您好！你所拨打的用户正在脱衣服，请稍候；您好，您所拨打的用户正在裸奔，请再稍候；您好，你所拨打的用户已裸奔出服务区，请耐心等待，听到100个吡声后就可以接通了，吡吡吡......
狂无奈，挂机了。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:09 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（3）
发信站: 水木社区 (Sat Aug 25 15:24:52 2007), 站内

我的童年相册里第一张是弟弟的光腚照。
小姑子看后立刻讶然地看着我：嫂子，人变性后还能生孩子啊？
注：我已经是一个两个月孩子的妈了。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:15 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（4）
发信站: 水木社区 (Sat Aug 25 15:30:59 2007), 站内

小姑子去大学学校报到。
一个人拿着好多行李就往宿舍楼上走。
后面看门的大妈来了句：你好帅阿！
一句话把小姑子说蔫了一个星期：嫂子，说我帅不就是说我丑么！这么说一个女孩子家家。
我安慰：或许人家在夸你一个人拿那么多东西，很独立，很彪悍，力气...力气...很...大吧。
小姑子：嫂子，这么说还不如那个大妈呢。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:21 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（5）
发信站: 水木社区 (Sat Aug 25 15:43:47 2007), 站内

小姑子的下铺是个19岁的烟女，烟瘾大的可怕。总是失恋总是在宿舍抽烟。搞得乌烟瘴气，多次劝说无效。
一天烟女又点上了，小姑子冲下床，夺下烟七扭八扭，然后塞回烟女的嘴上，烟变了形，弯弯曲曲的。
烟女很生气：你干吗折我烟！
小姑子不紧不慢：看你头发也烫弯了，连洗发水的瓶子也要买有曲线了，就剩下烟杆是直的了，帮你扭弯了你就圆满了。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:27 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（6）
发信站: 水木社区 (Sat Aug 25 15:53:29 2007), 站内

宝宝睡了，继续写。

老公屁股上长了一个疖子，就要好了，很痒，忍不住就用手抠抠。
小姑子看见了，很正经地说：嫂子，不要让他碰你，他那抠屁手......
我的儿子（两个月）屁多，小姑子：侄子，你是个烂屁王，这一点有你老爸当年的风范。

过了几天，小姑子又从学校来我家改善伙食：嫂子，前几天那两个绰号不好听。我想了想，为了让你们家保持高度一致，我给你们每个人重新想了一个，我哥叫大胖，你叫二胖，侄子就叫三胖子。

于是每次来都喊我儿子:三胖子，三胖子......


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:33 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（7）
发信站: 水木社区 (Sat Aug 25 16:03:02 2007), 站内

小姑子想学声乐，遭到了我老公的强烈反对。
小姑子：为什么？难道是因为我声音不好听？
老公：不是。
小姑子：难道是因为很难出名？
老公：不是。
小姑子：那是为什么？
老公：因为你长得太丑了！
小姑子：要是你看过我化妆，你就会觉得我现在很漂亮了。
我一边帮小姑子改衣服一边想：这个小妮子怎么化的妆？


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:40 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（8）
发信站: 水木社区 (Wed Aug 29 23:29:59 2007), 站内

最近肠胃变异，内有滚滚浊气，疑似消化不良或消化过良。
坐在旋转椅上，左坐右坐，煞是舒服，400块的椅子就是比40块的爽。
可是正逍遥着，一阵屁意下坠，咕咚咚一串足有七八个之多。家人都看着我，我装作没事人。小姑子一边往嘴里塞东西一边点评：嗯，屁如泉涌。
起身，突然发现刚才坐的地方多了一条口子，像是被一把刀硬生生割开似的。
小姑子大叫：嫂子！你那屁如刀割！


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:48 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活(9)
发信站: 水木社区 (Wed Aug 29 23:46:06 2007), 站内

小姑子不食肉，但是却对虾和京酱肉丝情有独钟。
那天我很奇怪就问我老公：小姑子不是不吃肉吗？难道虾肉不是肉？难道京酱肉丝不是肉？
老公连忙：嘘！不要让她知道虾肉也是肉，他一直认为虾是吃草长大的，所以长出来的也是蔬菜类的，京酱肉丝她以为是厨师手艺高，用豆腐做的。我们骗了她20年了！
我那叫一个汗阿，玩心大起：小姑，虾肉好吃吗？京酱肉丝好吃吗？
小姑一边吃一边说：嫂子，不要吃肉，吃肉杀生，食素减肥。
我开始怀疑小姑的智商是不是正常了。


☆─────────────────────────────────────☆
emigrant (SIGGRAPH|不会是笑话吧) 于 (Wed Sep 5 22:31:53 2007) 提到:

【 以下文字转载自 Joke 讨论区 】
发信人: Lov (奶牛宝宝), 信区: Joke
标 题: 小姑子的幸福生活（10）
发信站: 水木社区 (Wed Aug 29 23:53:55 2007), 站内

我家宝贝出生了，婆婆带着小姑子来照顾月子，顺便小姑子来北京上大学。
小姑子一见到小家伙，就说：小家伙，喊我姐姐！
我莞尔：不能叫姐姐，叫姑姑。
小姑子：就叫姐姐吧，我不介意。




为了上面那个东西，专门写了个matlab代码作颜色转换

% import articles from bbs
% 现在只是作一个简单的颜色对换

% 读入颜色转换规则

[asc tag]=textread('color.rule','%s %s','whitespace', '\t');
m=length(asc);%规则个数
for i=1:m
asc{i}=regexprep(asc{i},'\s','');
end
%读入文件
filename='2color.txt';
fid=fopen(filename);
text_color=textscan(fid,'%s','delimiter','\n');
fclose(fid);

text_color=text_color{1};
n=length(text_color);%行数
%颜色替换

fid=fopen(['colorTransed_',filename],'w');

for i=1:n
text_color_line=text_color{i};
if i==1
text_color_line=['<span style="display: block;background: rgb(0, 0, 0);"><span style="color: rgb(192, 192, 192);">',text_color_line];
end
for j=1:m
text_color_line=regexprep(text_color_line, ['\x1B',regexptranslate('escape',asc{j})], tag{j});%\x1B是ascii控制字符的转义字符
end

if i==n
text_color_line=[text_color_line,'</span></span>'];
end
fprintf(fid,'%s\n',text_color_line);
end
fclose(fid);

其中用到的配置文件----主要是定义颜色的转换规则，which is somewhat arbitrary and it looks like this

[1;32m </span><span style="color: rgb(0, 255, 0);">
[37m </span><span style="color: rgb(255, 255, 255);">
[36m </span><span style="color: rgb(51, 204, 255);">
[m </span><span style="color: rgb(192, 192, 192);">

等一切搞定，再回过头来看那个笑话，貌似也并不怎么经典了；再是看看自己，为了做这样一样事情折腾了一大摊，反倒是显得很是可笑

唉，病。

柳生宗矩（十兵卫）有过这么一句话:一定要这样去做的想法是谁都有的通病，非得将这个毛病纠正过来的坚持也是毛病。自然，那才符合剑术之路，真正能将这些毛病治好的路。

看来我又贱了

...

[阅读全文]

把正文字号的cookie也作上了

同时删掉了8box的widget-----这个东西弄得每次load时间很长，虽然它不出来并没什么，但是总显示在load，有点破坏UE-----其实主要是破坏我的心情。

不过我估计会另外找个办法加上那个东西的，非常搞笑的事情是，8box的网站是实用wmp插件的，不支持linux + firefox， 但是他的widget是用flash作的，所以我在linux下面想在网上听歌就只有给自己作那么一个东西...

正文字号那个事情没有想起来的顺利，依然，直接在checkCookie里面放doZoom()貌似是不干活的----不知道是为什么，难道是因为rendering eng没有刷新？---我猜的，其实完全不懂。
尝试以后发现放在body的onload里面貌似可以，不过貌似这个onload是在页面load结束以后才作的，这也是我为什么删掉8box的原因了-----8box使得load的时间很长，明显的可以看到字号在中途会变一次。现在这样处理嘛...其实还是能看到字号会变一次，只不过要稍微快那么一点点而已

@3p同志，帮我看看是怎么回事吧？

...

[阅读全文]

做点Cookie真是不容易...

设置字号那类的功能，如果不能记忆的话，其实几乎就没用了
所以cookie是早晚需要加上的功能

不过说实话，这个绝对属于way out of my league的事情，死磕了一个下午，解决了一堆完全不明白是怎么回事的问题，现在总算是有个可以接受的结果了，唉~~~你说怎么当个白痴都这么难呢

与平时一样，这次也有参考Keel's blog,其实基本的代码里面已经都给了，但饶是如此，我还是折腾了好几个小时...看来需要去弄张iq卡充值一下了

我暂时还只作了全局字号调整的cookie----正文字号调整应该是差不多的，能遇到的sx问题应该都已经遇到了----至少我希望是如此。方法大致如下

Step 1

加入三个跟实用Cookie有关的基本函数
<script type='text/javascript'>
//跟cookie有关的函数


/*
checkCookie()这个函数在页面加载的时候就执行,
其目的就是判断当前是否存在cookie保存的信息,如果没有，就实用默认参数；
达成这个目的使用到了getCookie函数,
*/
checkCookie();

function checkCookie()
{

startSz=getCookie('startSz_cookie');
if (startSz==null){
startSz=3;//默认字号为medium,index=3
}
startSz=startSz % 7;

document.writeln("<style type=\"text/css\">body {font-size:"+szs[startSz]+";}</style>");

}
/*
setCookie函数就起到保存信息的作用,里面包含了三个参数:
c_name用来指定是保存名为什么的cookie,并依据这个名称来做以后的调用
value就是这个cookie实际要保存的值
sepiredays是设置过期的时间,
在这里它还做了一个判断,如果不写这个过期的时间就表示不进行保存
*/
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate);
}
/*
这就是对现有cookie做判断的函数,为null就返回一个null,
不为null就返回指定cookie的值
*/
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end));
}
}
return null
}
</script>
这里的set/getCookie分别是用来存取cookie的，checkCookie用来在页面初始化的时候读取设置，当然，其中会用到getCookie函数

Step 2

对前面的设置字号的函数作了一些简化----和原来本质上是一样的，只是重写了一下，并且加入了setCookie函数

function setTextSize(sz){
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;

if (!document.getElementById) return;
var trgt="body";
var d = document,cEl = null;
/*if ( !( cEl = d.getElementById( trgt ) ) )*/ cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];
setCookie('startSz_cookie',sz+7,365);
startSz=sz;
}
这个函数现在是直接设置字号（以前的textresize函数是用增量法设置）
所以相应的把按钮的链接也改一下,类似这样
javascript:setTextSize(startSz+1)

Step 3

前面提到过，如果希望这个字号变化对某一模块生效，该模块的所有字号设置就需要实用相对方式定义。那么相对的，如果是不希望字号变化的区域，就最好给一个绝对的字号。在我这里这个问题特别明显：在header里面我其实是没有使用任何文字的，在更改字号的时候就没有必要去刷新这个区域的东西，所以我在ccs里面加入了
#header-wrapper {
font-size: small;
}

#header{
font-size: small;
}


基本上就是如此了，效果嘛，可以测试，我在ie和ff下面都看过，个人感觉还算满意。

需要说明的几点：
1.貌似在body里面onhold checkCookie()的方式在ie下是可用的，但是在ff下面有问题;所以用了比较直接的方法；
2.在checkCookie函数里面好像不能用setTextSize设置字号，所以只好用了document.writeln---可以相应的把body里面关于font-size设置的内容删掉，反正会被覆盖。
3.在存字号startSz的时候作了一个+7的操作，然后在取出来的时候做了%7.这是实验出来的，不这样作貌似会出一些问题。至于具体原因，我也不知道，估计是超界这类的问题，但是由于很多函数的具体定义其实我都是不知道的，没有办法深究原因

...

[阅读全文]

加上了垂直导航栏

原因嘛
1.缩放字体的东西总放在“测试模块”里面有点不像话;
2.改标题栏的时候把“回到首页”的链接给咔咔掉了...但是这么重要的功能没有肯定是不行的

所以，只好搞个垂直导航栏安置这些东西

方法嘛，抄袭自Dream Dynasty，当然，为了面子，我还是象征性的改了一点点东西的

需要说一下的
1.为了尽量作到对各种屏幕分辨率都能兼容，导航栏被靠在主题框架的左侧，这样即使在很低的屏幕分辨率下，应该也还能看到。
2.透明度改了一下，现在是默认透明度0.4,鼠标点上以后变成1，我个人比较习惯这种方式。
3.移动方向那个...不知道为什么，如果改成点上以后向左侧移动，就会出现问题....不知道为什么，试过left:-5px;也试过right:5px,都不对:(
4.设置了font-size，虽然里面并不会真的出现什么字，但是字号的变化会影响排版，所以这里把它定死了。
5.不知道为什么，在ie下面的排版有点搞笑...忍...不知道怎么回事,我尽力了~~~

Step 1:

在header-wrapper里面加入
<b:section class='Manubar' id='Manubar' maxwidgets='1' showaddelement='yes'/>

Step 2:

加入以下CSS
/* 导航栏，modified my modeman
----------------------------------------------- */

#Manubar {
font-size:small;/*为了使得这个东西不会受到字体放缩的影响*/
margin-left:-41px;
position:fixed;
text-align:left;
width:30px;
}

#Manubar a img {
opacity:0.4;
}

#Manubar a:hover img {
left:5px;
opacity:1;
position:relative;
top:0px;
}

#Manubar img {
margin-bottom:-5px;
}
#Manubar hr{
margin-top: 4px;
margin-bottom:4px;
}

/*IE only*/
* html #Manubar { /*IE only,解决ie下面一部分搞笑的问题，不过不是全部:(*/
position:absolute;
}
* html #Manubar img{ /*IE only,解决ie下面另外一部分搞笑的问题*/
position:fixed;
margin-bottom:-20px;
opacity:0.4;
}
* html #Manubar hr{
margin-top: 16px;
margin-bottom:-2px;
}
ie下面的排版和ff不太一样，所有一些参数是为ie设置的，不过总的来说，我平时主要考虑的是ff下面的效果。另外由于我用到了分割线，所以也设置了一下分割线的参数

Step 3:

在模板的页面元素中，你会发现左上角现在也可以添加页面元素了，到那个地方新建一个页面元素，然后加入你需要的项目，下面是我用的代码，基本上看一下就能明白
<span>
<a href="http://eerenyuanback.blogspot.com/" title="Home"><img alt="Home" src="http://eerenyuan.googlepages.com/homepage.png" class="Manubar"/></a>
<hr/>
<a href="javascript:textresize(1)" title="Larger Font Size"><img alt="Font+" src="http://chenkaie.blog.googlepages.com/FontSizePlus.gif" class="Manubar"/></a>
<br/>
<a href="javascript:textresize(0)" title="Default Font Size"><img alt="Font0" src="http://chenkaie.blog.googlepages.com/FontSizeOrigin.gif" class="Manubar"/></a>
<br/>
<a href="javascript:textresize(-1)" title="Smaller Font Size"><img alt="Font-" src="http://chenkaie.blog.googlepages.com/FontSizeMinus.gif" class="Manubar"/></a>
<br/>
</span>

修改：

发现在如果希望在ie下面有鼠标效果，需要用类似这样的东西
<img onmouseout="makevisible(this,1)" onmouseover="makevisible(this,0)" src="xxxx" style="opacity: 0.2;">
太麻烦了，反正ie下面大量的东西都不正常，也不在乎多这一个了，所以懒得改了

修改2：

在ie下面已知的问题包括:

1.没有透明度变化
2.位置变化的方式也跟ff下不同
3.纵向的排版和在ff下不同----因为透明度不太一样，所以这里故意设置得不太一样
4.最后的按钮结束以后一定要加一个回车外加一个<br/>或者一个<hr/>,否则在ie下面最后一个按钮的敏感区域会变小----不知道是为什么

修改3：

在ie下面还是不要让按钮移动的好，加入以下css
* html #Manubar a:hover img {/* 钉死IE下面的图像*/
left:0px;
position:relative;
top:0px;
}

...

[阅读全文]

换了标题栏

总不好意思总是用模板自带的那些标题栏图片

用matlab+手工的方式作的，matlab生成一个grid图，然后手工在画图里面填了那些字，最后用matlab随机生成后面的渐变杂色背景

不好看实在就不怪我了，我已经尽力了，无奈一向缺乏美感，作这种东西也只会用数学方法...

just in case 另外哪个科学怪人不小心闯进这里，把使用的matlab贴在这里

生成gride图

siz=[10,40];

leng=20;

im=255*ones(siz*leng);

im(1:leng:siz(1)*leng,:)=zeros(siz(1),siz(2)*leng);

im(:,1:leng:siz(2)*leng)=zeros(siz(1)*leng,siz(2));

imwrite(uint8(im),'grid.bmp');

生成渐变杂色背景

%这里面的rand没用时间做种子，偷懒了一下
siz=[10,50];

leng=16;

im=255*ones([siz*leng,3]);

for i=1:siz(1)
for j=1:siz(2)

% para1=0.8;
% para1=0.8*(siz(2)-j)/(siz(2)-siz(1));
% final=[128,128,128];

% im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,1)=(255*(rand(1)*para1+1-para1)+final(1))*ones(leng);
% im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,2)=(255*(rand(1)*para1+1-para1)+final(2))*ones(leng);
% im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,3)=(255*(rand(1)*para1+1-para1)+final(3))*ones(leng);

mean_=[0.7,0.5];
mean_=(mean_(1)*(siz(2)-j)+mean_(2)*(j-1))/(siz(2)-siz(1));

var_=[0.4,0];
var_=(var_(1)*(siz(2)-j)+var_(2)*(j-1))/(siz(2)-siz(1));

im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,1)=((rand(1)-0.5)/0.5*var_+mean_)*255;
im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,2)=((rand(1)-0.5)/0.5*var_+mean_)*255;
im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,3)=((rand(1)-0.5)/0.5*var_+mean_)*255;
end
end

% imwrite(uint8(im),'rand.bmp');

siz(2)=40;
leng2=20;
im_string=imread('grid2.bmp');

for i=1:siz(1)
for j=1:siz(2)
% im_string((i-1/2)*leng,(j-1/2)*leng)
if im_string((i-1/2)*leng2,(j-1/2)*leng2)==0
% kk=1
im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,1)=zeros(leng);
im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,2)=zeros(leng);
im((i-1)*leng+1:i*leng,(j-1)*leng+1:j*leng,3)=zeros(leng);
end
end
end

imwrite(uint8(im),'rand.bmp');

把手工填的字和背景融合

%merge

im1=imread('rand.bmp');
im1=im1(1:8*16,:,:);

im2=imread('topleft_24.bmp');
im2=im2(size(im2,1)-8*16+1:size(im2,1),:,:);

im=[im2,im1];

imwrite(im,'merge.bmp');

...

[阅读全文]

摘要方式显示文章

文章太长，同时摆7，8篇在首页没法看了

所以尝试以自动截取的方式给每篇文章生成摘要

至于方法嘛，基本是参考下面这篇文章：

WangLu's Tech Blog: 在Blogger首页显示文章摘要二解

Step 1:

新建一个模块，加入一下代码<!-- added by WangLu for displaying summary in the main page -->
<script type="text/javascript">
//決定是否顯示摘要
var all_summaries = document.getElementsByTagName("WL_SUMMARY");
var num_of_char = 500;

for (var i=0; i < all_summaries.length ; ++i)
{
var summary = all_summaries.item(i);

var b = summary.nextSibling; //body
while( (!b) || (b.className!="wl_body")) b = b.nextSibling;
if(!b) continue; //error!

var r = b.nextSibling; //readmore
while( (!r) || (r.className!="wl_read_more")) r = r.nextSibling;
if(!r) continue; //error!

if (b.innerHTML.length < num_of_char)
r.style.display="none"; //don't show 'read more' for short articles
else
{
//b.innerHTML = b.innerHTML.substring(0,num_of_char); //truncate
b.className="summary";
}
}
</script>非常奇怪，这段代码一定要加在模块里面，直接放在模板里面就不干活...做了一些尝试，不明白是什么原因。不过好在放在哪里本质上都是一样，我也就没有深究了。

Step 2

加入以下用于显示摘要的CSS/* 用于显示摘要
----------------------------------------------- */

.summary{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
OVERFLOW: hidden;
BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
HEIGHT: 400px;//控制摘要的长短
TEXT-OVERFLOW: ellipsis;
}这个其实就是一个限制高度的框而已，决定了原文最终能有多少被实际显示出来。

Step 3

将模块都展开，把用于显示正文的<span name='zoom'><p><data:post.body/></p></span>给改为 <!-- 用于显示摘要--->
<b:if cond='data:blog.pageType == "item"'>
<span name='zoom'><p><data:post.body/></p></span>
<b:else/>
<WL_SUMMARY/>
<div class='wl_body'>
<span name='zoom'><p><data:post.body/></p></span>
</div>
<div class='wl_read_more'>
<p>...</p>
<a expr:href='data:post.url'>[阅读全文]</a>
</div>
</b:if>
<!-- 用于显示摘要-over-->
以上的代码和参考材料里面的不太一样，是因为这里同时还作了zoom功能

...

[阅读全文]

字号调整新方案-----GEB之大成:)

因为在Ubuntu的Firefox里面设置了一个Minimum Font-Size，所以如果这里的字号设置在Ubuntu下面正好的话，在windows下就有点偏小了。加上是14'的高分，字就更晓得小了:(

没办法，只好折腾调整字体的东西，网上文章不少，找到的第一篇是这个

Kaie's Blog: [Javascript] Selectable Post Font Size for your best view!

其实刚开始的时候没有仔细看这个文章，尝试直接从他页面的源代码里面复制。这样的好处是可以把其中的图标一起偷过来----大部分blogger教材只是提供实现的原理和代码，还需要自己去找图标等素材，我这个人比较懒...所以偶尔会不厚道一下。

总是啦，刚开始折腾了很长时间一直不work...郁闷良久。后来找到文章看了一下，原来是要把
<p><data:post.body/></p>
替换成
<span name='zoom'><p><data:post.body/></p></span>

恩，这是尝试的第一种方式，这个hack只修改文章里面的字体（准确的说，应该是只修改文章正文的字体）。至于其中利弊嘛:好处是影响区域相对较小，不会破坏页面美观；缺点是其他部分的字号不变，所以正文的字号也不宜变化幅度较大。

第二个方案是来自Dream Dynasty

Have to say, this is a more powerful technique (perhapse it should better be called a trick). However it's more problematic and maybe that's why even Dream Dynasty didn't use it. Anyway, I will show it here:

Step 1:
把这句话加到head里面.

<script src='http://bryant0315.googlepages.com/textsizer.js' type='text/javascript'/>

或者，你可以把textsizer.js里面的内容直接放进来----对于GFW后面的人来说，需要从两个地方load文件就意味着双倍的危险:(

Step 2:
在你喜欢的地方（文章的结尾，或者是一个单独的html模块）加入
<a href="javascript:ts('body',1)">+ Larger Font</a> <a
href="javascript:ts('body',-1)">+ Smaller Font</a>

很不幸的，折腾这个方法我又失败了n多次。仔细看了Dream Dynast测试站里面的代码，没有发现任何问题，但是死活就是挑不通，后来尝试给textsizer.js里面的ts函数改了个名...然后一切ok了...有点无语。仔细查找，发现是在以前用的Label Cloud的代码里面，定义了一个叫做ts的变量。偏巧当时down的这个Label Cloud代码还相当的诡异，字段不是统一的放在head里面，而是偷偷的藏在widget段里面的，所以一直没有发现。

两个教训：1.网上抄来的代码要仔细看看，有没有作什么非常规的事情，如果可能最好改过来；2.长远的考虑，变量名还是别太抽象派了。

这後一个方法嘛，是通过修改body的基础字号来修改整个页面的字号，那么他的优缺点跟前一个方法是相对应的。不过除此以外，还有一个特别注意的地方:
这个方法只能改变那些以相对方式就是用(??%)方式定义的字号，对绝对方式(??px)方式定义的字号无能为力

因此，如果你在类似code，title这类的地方定义了字号，那么最好保证全部是用相对方式定义的。两个最直接的结果就是：
1.第二种方法不能改变Label Cloud中的字号（至少对于我down的这个代码是如此）
2.第二种方法和第一种方法没有办法同时工作。实际上，结果会相当之搞笑：刚load好页面的时候，第二种方法是正常工作的，但是一旦你使用过第一种方法，以后第二种方法就对所有的文章正文无效了。

我当然不能容忍在自己的网页上看到这样的“笑果”,于是~~~下面是我的最终解决办法，至于效果嘛，自己动手试试就知道了，sidebar里面的按钮是第二种方式，文章下面的“大，中，小”是第一种方式。

Step1:

还是一样，把
<p><data:post.body/></p>
替换成
<span name='zoom'><p><data:post.body/></p></span>

step2:

加入如下两个函数（用于第一个方法,注意其中的字号已经全部改成相对定义了）
<script type='text/javascript'>
function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++) {
att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}

function doZoom(size)
{
var zooms = getElementsByName_iefix("span", "zoom")
for (var i = 0; i < zooms.length; i++) {
zooms[i].style.fontSize = size + '%';//size+'px';
}
}
</script>

Step3:

在你希望的地方加入按钮----因为这三个按钮只控制文章中的字体，所以我把这个按钮放在文章结尾了

<a href='javascript:doZoom(120)'>大</a>
<a href='javascript:doZoom(100)'>中</a>
<a href='javascript:doZoom(80)'>小</a>
上面的数字可以随意设定，当然，如果你愿意也可以定义更多的按键。不过由于前面提过的原因，这种模式不宜变化范围太大，否则可能出现文章正文字号比标题字号还大的情况.

Step4:

head中加入如下代码

<script type='text/javascript'>

//------------------------------------------------------------
// Document Text Sizer- Copyright 2003 - Taewook Kang. All rights reserved.
// Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)
// Web Site: http://txkang.com
// Script featured on Dynamic Drive (http://www.dynamicdrive.com)
//
// Please retain this copyright notice in the script.
// License is granted to user to reuse this code on
// their own website if, and only if,
// this entire copyright notice is included.
//--------------------------------------------------------------*/
// Modified by modeman ;08/27/2007;
//--------------------------------------------------------------
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function textresize( inc ) {

if (!document.getElementById) return

var trgt="body";
var d = document,cEl = null,sz = startSz,i,j,cTags;
if (inc == 0){
startSz=2;
sz=2;
}
else {
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
}
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

cEl.style.fontSize = szs[ sz ];
//for ( i = 0 ; i < tgs.length ; i++ ) {
// cTags = cEl.getElementsByTagName( tgs[ i ] );
// for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
//}
}
</script>

针对我们的需要，这个里面做了一点小小的修改，另外startSz表示你最初的字号，也就是body的font-size的初值，blogger的模板中初值为small,所以这里设为startSz=2,如果你使用了不同的值，请修改。
这个函数的用法很简单inc=1/-1分别表示基础字号增大/缩小一号。inc=0则是对其作复位。

Step5:

加入第二种方法的按钮，由于这个是对全局生效的，所以我放在sidebar一个单独的html模块里面了

<a href="javascript:textresize(1)">增大</a>
<a href="javascript:textresize(0)">复位</a>
<a href="javascript:textresize(-1)">减小</a>


Step6:

最后是修改Tabel Cloud的代码，使得它里面使用的字号也能顺应潮流
估计大家的标签云的代码不尽相同，不过在标签云的相应代码里面，应该能找到一个类似这样的段落

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';

把其中的"px"改成"%"即可。当然，由于单位变了，你需要重新设定minFontSize和MaxFontSize.

类似的，你下载的其他模块里面，可能还有这样的实用绝对方式定义字号的段落，如果你希望他们也被纳入第二种方法的控制中，搜索"px"然后作相应的修改即可。

p.s:《GEB之大成》其实是一本AI名著的中文译名----应该说“半”中文译名。他的完整译名是“集异璧之大成”，希望用这个作标题不会显得过于突兀，或者过于嚣张:)

...

[阅读全文]

Too Serious Too Soon

习惯了背景音乐，所以查了一下，从一个站点直接copy了代码过来，哈哈
http://maxinyang.blogspot.com/2007/07/blog-post_8756.html

代码如下


<object id="mPlayer1" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"
width="260" height="64"
type="''''application/x-oleobject''''">
<param value="http://61.135.131.152/Songs/English/Male/Gareth%20Gates/What%20My%20Heart%20Wants%20To%20Say/08.Too%20Serious%20Too%20Soon.mp3?wxc" name="URL"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="0" name="currentPosition"/>
<param value="100" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="0" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="50" name="volume"/>
<param value="0" name="mute"/>
<param value="0" name="stretchToFit"/>
<param value="0" name="windowlessVideo"/>
<param value="-1" name="enabled"/>

<param value="0" name="enableContextMenu"/>
<param value="0" name="fullScreen"/>
</object>

其中的参数都甚是明了，我顺手把原来站点的音乐也给抄来了（貌似还挺好听的），歌词如下

Too Serious Too Soon

Artist: Gareth Gates

I wonder where you where
I wonder what your thinking about tonight
I wonder
Maybe your alone
Maybe you’ve been crying just like me
I wonder
I don’t know why I lost your touch
Maybe I wanted to be loved too much

Too serious, too soon
I wanted you to love me
I wanted to be there for you like no one else before
Too serious, too soon
I wanted you to love me

It’s been a rainy afternoon
Now I’m staring at the moon
Thinking we got too serious, too soon

I told you every day
I told you every night in every way
I love you

Maybe you got scared
Maybe I have nothing else to say
But I love you
So baby now my life’s a mess
Cause i’m
Cos I couldn’t love you any less

Too serious, too soon
I wanted you to love me
I wanted to be there for you like no one else before
Too serious, too soon
I wanted you to love me

It’s been a rainy afternoon
Now I’m staring at the moon
Thinking we got too serious, too soon

Too soon
It’s not right
It’s not fair
It’s in you baby cuts like a knife
What if you were the love of my life

Too serious, too soon
I wanted you to love me
I wanted to be there for you like no one else before
Too serious, too soon
I wanted you to love me

We got too serious to soon
I wanted to be there for you like no one else before
Too serious too soon
I wanted you too love me

It’s been a rainy afternoon
Now I’m staring at the moon
Thinking we got too serious, too soon

...

[阅读全文]

IE支持~~~

貌似前几天的代码对IE支持有点不好，貌似是因为window.innerWidth在IE里面不支持...

查了一下，有这么一篇文章《web技术研究与应用》

var windowWidth; // frame width & height

if(window.innerWidth){
windowWidth=window.innerWidth;
} else if(document.documentElement &&
document.documentElement.clientWidth){
windowWidth=document.documentElement.clientWidth;
} else if(document.body){
windowWidth=document.body.offsetWidth;
}

但是貌似没法直接用:(
不过尝试了一下，如果简单的用window.innerWidth替换document.documentElement.clientWidth，貌似至少对于IE和firefox就都好用了，所以最后的代码就是~~


<script type='text/javascript'>
//<![CDATA[
document.writeln("<style type=\"text/css\">#main-wrapper {width:" + ((document.documentElement.clientWidth)*0.92 - 348) + "px;}</style>");//set main width
//]]>
</script>

...

[阅读全文]

在Blogger帖代码

昨天发个帖子，贴代码麻烦得要死...

今天找了一些文章，结果是需要这样

参考:http://klcintw4.blogspot.com/2006/11/blog-post_03.html

在CSS中加入如下代码

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

需要注意的是: "<"要用 "＆lt;"来代替.

以上的方法缺点是背景色不能不能在Template Setting里面通过菜单设定，所以最好是把以上的#f0f0f0改为codeBgColor,然后在变量定义里面加入：

<Variable name="codeBgColor" description="Code Background Color"
type="color" default="#214552" value="#777766">

这样就可以方便的根据自己的模板配色来修改背景色了----当然，前景色也可以改，道理是完全一样的。

...

[阅读全文]

改了一下Blogger的页面配置

默认的模板是按照像素固定宽度的，语句大致是这样
#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #999;
width:？？？px;
margin:10px auto;
text-align:left;
font: $bodyFont;
}

估计当时作这个模板的人是针对1024 768的屏幕分辨率作的设定。在我这里的显示结果就是东西都挤在中间，两边全都空出来。显然很没效率。至于效果嘛...



可是我也不方便把这个东西按照我这里的尺寸设置，所以首先去查了些文章，尝试改成按照固定的比率进行分割，大概是这样

#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #999;
width:？？？%;
margin:10px auto;
text-align:left;
font: $bodyFont;
}

可是这样造成另外一个小问题：右边侧栏的宽度是如果随着分辨率改变，右边那张插图就变得很麻烦了（我不知道怎么能让图片尺寸也跟着变）


没办法，只好暂时把插图给删掉了。今天一怒，又折腾了一会儿，找到这么一个办法：
把右侧sidebar的尺寸固定到300个像素（这样插图就不会有问题了）；然后左边尺寸就按照显示器尺寸来设置－－这件事情可以通过下面Javascript来实现（从http://singpolyma.net/2006/12/singpolyma-templates-for-new-blogger/借鉴来的）

<type="'text/javascript'">
//<![CDATA[
document.writeln("<type="\">#main-wrapper {width:" + (window.innerWidth*0.92 - 350) + "px;} </style>");//set main width
//]]>
</script>

加到</head> 之前

恩，最后的效果吗


不过还是有个小问题的：如果是改变浏览器尺寸以后，需要刷新一次。不过好在一般人的分辨率是定死的，也不会没事把浏览器拖大拖小玩。
当然，不太完美，不过对于一个Java没有任何实战经验，CSS临时抱佛脚的人来说，这个结果还算是可以容忍了~~~哈哈。

...

[阅读全文]

测试一下用email方式两边同步发问

恩，顺便看看照片能不能贴在这个地方同时被msn上看到

哈哈，左边那个是我的屏幕截图，compiz-fusion的功劳，真是太nb了。其实他最nb的还是一些动态的效果，不过那个东西需要拍视频，太麻烦了。

...

[阅读全文]

试用Scribefire

换了Scribefire，不知道这个新东西怎么样，要勇敢的尝试新生事物呀~~~

看来有图的还是不能这么帖，有点麻烦....

Powered by ScribeFire.

...

[阅读全文]

贴图，怎么贴呢？

喔，有点意思，Google这个系统挺有点意思的，嘿嘿

...

[阅读全文]