無賴騎駿馬肆意翔遊天際

界面小更新(加简单教学)

(今天的语调要比较严肃)今天除了调整一下我的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的修改,暂时我也不知道在别的浏览器上效果如何,所以测试完毕后有机会给大家看看。暂时就是这样多,如果对这个在制作中的风格还有什么意见的话,欢迎留言。

leave your comment

name is required

email is required

have a blog?

This blog uses scripts to assist and automate comment moderation, and the author of this blog post does not hold responsibility in the content of posted comments. Please note that activities such as flaming, ungrounded accusations as well as spamming will not be entertained.

Comments

@elanorz

很久不见,最近还好吧
嗯,颜色的确很糟糕

@kahyan

嗯,还没时间去弄
你干嘛爬旧楼?(你很喜欢问的吼,呵呵呵呵)

author
Jeffrey04
date
2007-09-13
time
13:23:20

ermm….找旧文章好像有点麻烦?

author
kahyan
date
2007-09-12
time
16:21:57

我觉得不错咧,只是颜色不行~嘻嘻

author
eleanorz
date
2007-09-10
time
21:03:53

我知道她回槟城了
所以要找她相当不容易

ahnew……你还是msn联络他吧

还有,谢谢

author
Jeffrey04
date
2007-09-8
time
13:32:47

很久没有来你这里坐坐了。
字体大小很对咯,看了很舒服。。。

ahnew的blog真的不能进了。。。
记得也update我一下。

你要去背包旅行咯,我只能在这里流口水
我姐回槟城咯~~

author
妮子
date
2007-09-8
time
12:35:20

@tj0951

欢迎光临

@keric

不换换哪里知道有谁人在这里潜水呢,你说是不是?
嘿嘿(自己就是最大的潜艇)

@AhThir

新的真得这么不堪吗?

author
Jeffrey04
date
2007-09-7
time
17:57:32

不习惯,觉得旧的较好。
颜色。。。就算了,排版很有问题。。。
不用怀疑,我是老旧保守不愿接受新事物的人!!

author
AhThir
date
2007-09-7
time
14:55:52

很不习惯

每次来都是蓝白的,现在黑黑的。

author
keric
date
2007-09-7
time
09:33:05

我还以为我进错。。。原来是换了。。。

感觉还不错,只是排序很乱下喔。。。有点看到眼睛痛。

btw,颜色很好。

author
tj0951
date
2007-09-7
time
06:43:41

哇,你很快!

author
Jeffrey04
date
2007-09-6
time
23:37:28

聚会我恐怕不能去。老爸不允许我去。5555,看吧。我会想想办法

author
小公主
date
2007-09-6
time
23:35:11

@小公主

欢迎光临

author
Jeffrey04
date
2007-09-6
time
23:30:48

嗯……那我要问问他
你这次的留言是用你的电邮地址吧?
有什么消息我通过电邮给你知道

author
Jeffrey04
date
2007-09-6
time
21:15:39

哈哈…了无生趣了吗?这样的答复….如果可以的话,问他死了那里拜山?或者电邮,msn也可以。

author
路过,纯粹
date
2007-09-6
time
21:13:10

我来灌水啦。哈哈。第1次啦。有错别怪,我希望我们能互相认识对方。以存下我的部落格地址吧。拜托啦。。谢谢

author
小公主
date
2007-09-6
time
20:41:58

首页吗?我也是这样觉得

author
Jeffrey04
date
2007-09-6
time
13:59:42

erm…
建议:
太多分区,有点眼花缭乱…

author
义俊
date
2007-09-6
time
11:45:41

统统没有!哇哈哈哈哈!
停!要聊就在MSN不是这里
哇哈哈哈哈~

author
Exdeath
date
2007-09-5
time
22:50:40

twitter很简单的
嘿嘿,你要会的,只是输入一段很短的文字就可以了
如果你有GoogleTalk/Jabber/LiveJournal/AIM等等的Instant Messaging户口更为简单
当然,你舍得的话,可以用电话SMS

author
Jeffrey04
date
2007-09-5
time
22:25:50

你无辜我更无辜咧
我说的是事实,我审美观真得不行啦!怎么没人相信我T_T
排版不会太乱啦,比起政府机构的简直是简单明瞭,一目了然的啊
twitter我弄来干嘛?不懂用,不会用,也没用,你找错人推销了哦

author
Exdeath
date
2007-09-5
time
22:20:07

@过客

为了证明我不是在老作

(8:49:48 PM) (*)风~(*):
你就说那个风渐凉搞自闭
(8:49:57 PM) (*)风~(*):
然后抑郁而死了

author
Jeffrey04
date
2007-09-5
time
20:53:17

@Regina

谢谢

author
Jeffrey04
date
2007-09-5
time
20:45:38

@Exdeath

*无辜*我只是想知道你的感觉如何,我也知道我的配色暂时是很失败(撞倒砰砰声)
我只是想知道你看了整个排版会不会很头晕罢了
几时弄一个twitter来玩?

author
Jeffrey04
date
2007-09-5
time
20:44:20

再重复一次
我的审美观0分,seni从来不及格
请勿再问我感觉如何等等
除非你不介意冲突美学
不过帮你找错误还是可以的

author
Exdeath
date
2007-09-5
time
19:31:57

个人很喜欢这个界面。

author
Regina
date
2007-09-5
time
18:30:42

靓仔/靓女过客,谢谢你的光临
我想他大概不是关闭吧,只是目前忙碌到疏于更新
目前我们双方各有各忙,下次见到他我帮你问好不好?
有什么更新我透过你留言用的email通知你行不?

author
Jeffrey04
date
2007-09-5
time
17:55:30

可以麻烦你一下,告诉我风渐凉的下落吗?他关闭了部落格,好失落哦!从此就失去了一个好去处。谢谢拜托。

author
路过,纯粹
date
2007-09-5
time
17:45:46
Click to change color scheme