拼湊傑夫

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

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

Exit mobile version