建站手记（三）——改版了

发布于 2006 年 12 月 13 日，在 Blogging 分类下

上次说了想改版，终于没忍住，花了几天时间把网站翻新了一下，摆脱掉了那个本来很优秀，但被用的过于泛滥的模板了。

因为这次的网页用了一些 Bulletproof 网页设计的方法，所以我决定把这个主题命名为 Bullet Proof…I Wish I Was。Bulletproof 指的主要是网页支持在不同的浏览器下的放大功能，而且不会出现错误。我在 Windows 下的 Firefox 2.0，Opera 9.02，IE6 下测试，基本没有大的错误。网页支持最小 800 × 600 分辨率（尽管根据站点统计，没有人用这个分辨率了）。在目前最常见的 1024 × 768 分辨率下，放大一级后页面可以充满屏幕（IE6 下把字体大小设为“较大”），更高的分辨率下可以放大两级观看。这次的配色是 Lightondark 的，除了 RSS 图标外，图片只用了一个一像素宽的渐变图片和一个列表 Bullet。总之还比较满意，短时间内应该不会再改版了。

为了庆祝 Vista 发布，我把“微软雅黑”加到 CSS 里了，效果很不错，感谢比尔大叔。

评论已关闭

1/ Di 于 12 月 13 日 20:36 说到：

欢迎来到 lightonblack 队伍

2/ Vick 于 12 月 13 日 21:00 说到：

spammer在留言，深色背景其实也蛮不错的~

3/ Vick 于 12 月 13 日 21:04 说到：

果然和那个“邪恶”组织有关。

4/ fen 于 12 月 18 日 06:27 说到：

偶来问问题了，有两个：

一、文章设置Keywords是不是类似tag功能啊，怎么样让显示包含该关键词的文章啊。
二、http://www.uigarden.net/chinese/ 这个网站导航栏菜单的“首页”菜单是如何用TXP标签实现首页和其它页调用不同的样式。

不知道我的问题有没有说清楚，呵呵~

5/ playpiggy 于 12 月 18 日 18:07 说到：

TXP 目前还没有内建的 Tag 功能，想实现 Tag 功能可以安装这个插件，然后就可以在 Keywords 处输入 Tag 了。

看了一下 UI 花园的 CSS，实现得有些麻烦。可以在当前激活的选项上设置 class=“active“，然后在 CSS 中控制样式。添加 class=“active” 的方法很多，可以为不同的 section 设置不同的 page，然后这些 page 中相应的位置添加 class=“active“，还可以用这个插件。或者用以下代码：

<ul id=“nav”>
<li<txp:if_section name=“default”> class=“active”</txp:if_section>>Home</li>
<li<txp:if_section name=“article”> class=“active”</txp:if_section>>Archive</li>
<li<txp:if_section name=“about”> class=“active”</txp:if_section>>About</li>
</ul>

不知道我说清楚了没有。

6/ fen 于 12 月 18 日 18:29 说到：

谢谢哈！我明白了！

7/ lemnear 于 03 月 24 日 14:00 说到：

请问一下，上面所说的class=active以及不同的css控制是不是指在不同的section（被激活的那个）调用不同的样式（与被激活的section建立了联系的css）？＝＝；虽然装了textpattern但对于样式的制作还是一头雾水，不知道从哪里开始下手。此外section跟category是不是类似于一级目录和次级目录的关系呢？

8/ playpiggy 于 03 月 25 日 00:29 说到：

@lemnear
不是那个意思。CSS 是同一个，但是不同的 section 使用不同的 page，每个 page 中在不同的地方加上 class=“active”。我觉得 section 和 category 不能理解为一级目录和次级目录的关系，是两个系统的，你体会一下就知道了。

本文评论功能已关闭。