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

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

27 Responses to “界面小更新(加简单教学)”

  1. 路过,纯粹 says:

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

  2. Jeffrey04 says:

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

  3. Regina says:

    个人很喜欢这个界面。

  4. Exdeath says:

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

  5. Jeffrey04 says:

    @Exdeath

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

  6. Jeffrey04 says:

    @过客

    为了证明我不是在老作

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

  7. Exdeath says:

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

  8. Jeffrey04 says:

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

  9. Exdeath says:

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

  10. 义俊 says:

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

  11. Jeffrey04 says:

    首页吗?我也是这样觉得

  12. 小公主 says:

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

  13. 路过,纯粹 says:

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

  14. Jeffrey04 says:

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

  15. Jeffrey04 says:

    @小公主

    欢迎光临

  16. 小公主 says:

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

  17. Jeffrey04 says:

    哇,你很快!

  18. tj0951 says:

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

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

    btw,颜色很好。

  19. keric says:

    很不习惯

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

  20. AhThir says:

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

  21. Jeffrey04 says:

    @tj0951

    欢迎光临

    @keric

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

    @AhThir

    新的真得这么不堪吗?

  22. 妮子 says:

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

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

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

  23. Jeffrey04 says:

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

    ahnew……你还是msn联络他吧

    还有,谢谢

  24. eleanorz says:

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

  25. kahyan says:

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

  26. Jeffrey04 says:

    @elanorz

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

    @kahyan

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

Leave a Reply