網生@誌 | zEUS.’Blog

D&Z Theme 首页一直在改版进行中，为的是推出 Pro 版本。在第一次改版时我在文章栏的上部添加了一个额外的内容模块——一个 Flash 展示窗和最新的一篇日志，下面的文章栏就依次显示除了第一篇日志外的其他日志，首页显示的总日志数还是可以在 Wordpress 后台设置-阅读里进行设置。这种类 CMS 的排版的方法网上有不少介绍，我也是从 Sofish 的一篇日志里学来的，虽然他介绍了方法，但我却还是尝试了很久才成功，原因是他的介绍过于简单，在这里我就做一些代码的补充。

阅读全文——共344字

何为分类图片？——我们的每篇日志都有自己的分类，一般来说在文章栏中我们会用文字链接来描述文章所属分类，但有时候出于美观和页面整体效果的需要我们要用不同的图片来代替各种分类。那么如何来达到这种效果呢？

其实 Wordpress 已经有了个叫做 Category Icons 的插件可以帮助我们在文章需要的地方显示分类图片，并且还能显示在 Feed 中，该插件还提供一些其它的功能。可惜的是插件作者主页国内无法访问，我找不到详细的使用说明文档，无奈只有放弃这款插件。

阅读全文——共618字

之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG，不过在做大菠萝3（Diablo III）主题时不愿放弃自己一个比较酷的 Idea，所以我还是决定要解决这个 BUG。

网上关于解决 IE6 这个 BUG 的方法很多，有用 JS 的，也有用 IE6 的 CSS 滤镜的。稍微看了一下，JS 的方法仅用于单个图片的效果，但若拿图片作背景则不行。CSS 滤镜的写法则简单很多，也能用作背景，但还是存在一个问题，图片的地址只能使用“绝对地址”，而我们在模板的 CSS 样式表里使用的大多是相对地址，虽然也可以使用绝对地址，但是不同的用户使用该模板的话就必须修改其绝对地址，对于不懂 CSS/HTML 的人来说，无疑这是一道“坎”。不过后来猫猫的一句话让我如梦初醒——可以把这段 CSS 写在 head 里，这样就可以用 Wordpress 自己的 PHP 语句来调用绝对地址了！

阅读全文——共1081字

之前使用 CSS 制作过悬浮菜单，但它只能显示在 Firefox 和 Safari 上，而不能显示在不完全支持 CSS2.0 的 IE6 上，为此我花了很长时间搜寻解决之道，期间被那该死的 IE 折磨得我抓狂无数次，可仍然无果… 最后我不得不放弃使用 CSS 而转投 JavaScript…

这里我将介绍的是使用 DreamWeaver 直接进行可视化操作来创建一个悬浮菜单，整个主线过程无须操作代码，实现起来非常简单，当然，最重要的是它适用于所有主流的浏览器！

阅读全文——共864字

本站所使用的 Wordpress 主题 i3Theme 1.2 (Right Edition) 并没有 blockquote 属性，之后是在 Yorick 的帮助下才加上去的。

何为 blockquote 属性呢——其实就是用于修饰文章内引用文字的效果，如下就是：

这是一个在 CSS 里设置的 blockquote 属性，以显示左侧边框

阅读全文——共508字

不知道有没有人发现我换掉了 Feed 的统计图标，而使用了一个 RSS 的图片来链接到 本站 Feed 地址，然后我给这个图片做了一个 CSS 特效，你可以试着把鼠标移上去（位于“协议&订阅”模块的下方）… 是不是很棒？！

这个特效具体被称作什么，我也不太清楚，用我自己的描述就是：一个链接图案，鼠标滑上去后它就会切换成另一个图案。

之前我一直以为 CSS 通过 hover 这个动作来切换2张不同的图片，可试了半天没成功，最后 Jason 告诉我这并不是切换2张图片，而是给一张具有2种不图案的图片进行不同定位以取得不同的效果。怎么这句话这么难让人理解… 还是我表达有问题？

阅读全文——共879字