界面小更新（加简单教学）

（今天的语调要比较严肃）今天除了调整一下我的Final Year Project的程序流程外，今天做得最多的，就是更新本blog的界面。自从前几天放了13 pt的字体让大家眼睛受罪后，经过几天的调整后，目前的字体大小为11 pt。一些比较次要的讯息，比如说以前大家大概看到一头雾水的流量统计，Spam Blocker讯息目前一律隐藏起来了。首页的排版也经过稍微的调整，目前只是列出一篇最新的文章，其他比较旧的就在下面列出来。另外还有一大堆证明我是Web2.0网络人的一些东西，比如说我的Flickr、歌单、造访的朋友们等等。配色方面目前有些单调（虽然有一点撞色的情况出现，在调整中），而且很多blocks目前还是很四方。这一些希望在接下来的周末可以把它们一次过弄好。

很多外来的资料，比如说下面的Flickr Badge和MyBlogLog的访客列表都经过了一些处理，主要是为了配合整个比较简洁的布局。此外，让我烦恼多时的朋友列表也经过了一些处理，不然的话我的页面将会被这些连接拖长，甚至我这么长气地写文章也常常不够我的朋友列表那么长。所以我做了一些CSS控制把过长的列表缩短（虽然仍然可以透过scroll bar来看）。有兴趣要知道怎么做的话，可以直接使用以下的代码：

<div style="overflow: auto; max-height: 100px">...你的友情连接列表...</div>

当你的列表高度超过100px后，你的连接列表将会出现一个scroll bar，比较下面的内容就得透过偷拉scroll bar来显示。那么如果用户不拉那个scroll bar的话，下面的连接瀑光率不是会很低吗？没错，虽然在浏览器看来是一样的，但是我们人类只是看到其中几个排位侥幸比较上面的那几个连接。我个人的处理方式就是让整个列表的排位随机产生，那么每个link都有机会排到最上面（其实说酱多是希望你们不要问我为什么你们的连接突然不见了~哎呀——被鞋砸中）。

很久以前更改过我的图片用很polaroid的方式显示（目前主页的图片集就有得看），曾经被人家问过怎么做到的，所以决定小小提一下怎么修改。比如说我们有一张图片：

<img src="..." style="padding: 5px 5px 20px 5px; border: 1px #000000 solid; background-color: #FFFFFF;" height="..." width="..." alt="..." />

就是这样简单啦。至于MyBlogLog的修改，暂时我也不知道在别的浏览器上效果如何，所以测试完毕后有机会给大家看看。暂时就是这样多，如果对这个在制作中的风格还有什么意见的话，欢迎留言。