介绍一下我的 Blog

谢益辉 / 2005-07-20

首先呢，我这人做网页有个风格就是爱好简洁，简洁如果走到极端也就变成了呆板，所以以前差差同学说谢老师的 Blog 就 “跟我们学院网站一样，白花花的”，估计是在批评我的网页太简陋，不漂亮，所以今天看见 nnlibra 同学留言说这个 Blog 很 PP，就觉得很吃惊。不过有些地方我还是下了功夫的，也不能完全否定自己。

对于左边的 “关于作者” 和右边的 “博客介绍”，我专门调整了图片的大小，让这两栏的底部基本平齐（还是有点不精确的不过没关系）；整个博客页面基本色是浅黄色，我可也是专门为了保护视力选择这种颜色的呀，因为想起高中初中使用的作业本的颜色就差不多是这种浅黄色，说是为了保护视力，不过我不知道在网上上使用这种颜色是不是也保护视力，呵呵。自己看着还行，对眼睛刺激不大。

一个网页页面应该讲究和谐，尤其是颜色（还有板块的大小），我的页面中使用的颜色种类算是比较少，如果够细心的话，可以看看这三者的颜色：“关于作者” 那一栏的图片中文字的颜色、右边 “摘要” 上面小图标 “” 的颜色、左边框中滚动条上三角尖的颜色，它们的颜色基本是一致的。还有左边的滚动条，我把它们调整得若隐若现，看起来有一种透明的感觉，就是为了不凸显滚动条，因为毕竟它不是主角，若搞得灰不拉叽的（像整个页面的滚动条那样），就有点喧宾夺主了。

字体使用了 Georgia，这个纯属个人爱好，我觉得这种字体在网页上比较好看，特别是数字，高高低低的，看起来很好玩。字体颜色呢，我不是用的纯黑色，而是稍微有点灰，也是为了减少对眼睛的刺激，让人看文章时觉得比较柔和、安静。还有页面上的链接我特别设置了一下，当鼠标指向链接时，文字就会向右下方略微移动一下，也显得活泼一点吧。整个页面的鼠标样式用了一只飞动的小鸟，其原因也是如此。

关于页面中比较大的图片，我也不是完完全全一幅图摆在那里，而是调整了 CSS，一般都是用了边界渐隐的方法，也让图片不要显得太突兀。总之是要制造一个比较舒缓轻松的氛围。

还有些东西，就不想说了，都藏在 Blog 里面，呵呵，我一般不会在后台管理中把文章设为隐藏的，那是比较低级的隐藏手段，我不会用的。观察观察，还是有一些好玩的东西的，并且有些东西还是颇有纪念意义，比如 Blog 的标题 Fighting，比如首页右边那朵花，比如有些文字。

注 1：链接样式的代码如下 ——

a:hover {
  position: relative;
  FONT-SIZE: 9pt; 
  COLOR: #B4B4B4; 
  TEXT-DECORATION: underline overline;
  left: 1px;
  top: 1px;
}

（因为位置是相对的，所以当鼠标在我的 “俺滴友情 Blog 们” 栏目里有连接的字上停留时，转动鼠标滚轮，有连接的字就会跟着鼠标跑；另外，hover 的样式中有 left 和 top 的设置，当鼠标移上去时，文字会向右下方移动 1px）

注 2：若想在首页上加上那两只蝴蝶，按照如下操作 —— 在后台管理 “链接列表”–> 任意一个列表 “编辑”–>“描述：（选填）”，添加下面的代码（最好不要再添加别的文字）：

<embed style="LEFT: 20px; POSITION: absolute; TOP: 0px" align="2" src="http://imgfree.21cn.com/free/flash/9.swf" width="940" height="210" type="application/x-shockwave-flash" ;="" quality="high" wmode="transparent" />

这里的 width 和 height 都可以自己调整。然后保存修改，更新首页，刷新一遍看看，应该就 OK 了！

← QQ、泡泡等 IM 工具的表情符 也谈博客网新版亮相 —— 看法与意见 →