The Art of IT

2006 年 1 月 23 日

eYou Anole — Firefox 下的网站皮肤扩展

Filed under: Mozilla — itart @ 17:00:10

一. 介绍

你想定制某个网站的外观吗?你想对某个网站实现 css Zen Garden 似的效果吗?不会写 Greasemonkey 下的 JavaScript 脚本?没关系,你一样可以定制“别人”网站的外观,只要你是一位紧跟标准的 CSS 设计师。eYou Anole 允许你像 css Zen Garden 那样,为已知的网页重新设计布局,改写界面,实现不同的页面风格;你将不必再束缚于网站本身所提供的网页外观。你只需编写一个符合要求的 ZIP 文件(它被称为“网站主题文件”),此文件能很简单地实现你的“重构”梦想。更进一步,如果你把编写好的网站主题文件发布,那么将会有更多的人因此受益。那些下载并安装了你主题文件的人们,他们将像艺术殿堂里的欣赏者一样,时刻感受着艺术设计和重构所带来的“别样”气息。“禅艺花园”似的效果,将不再局限于 css Zen Garden 网站,你可以随时随地的对感兴趣的网站进行“修剪”。

如果你仅仅是一般的网站访问者,并且对某些网站的界面和配色十分不满,你同样可以利用此工具来改善你的用户体验。你只需下载网站主题文件(当然,这全得益于上面的 CSS 设计师),然后通过 eYou Anole 将“网站主题文件”安装机器上。在启用这些主题之后,当你浏览符合“网站主题”定义下的网站时,它将会按“网站主题”所指定的效果进行显示。

还犹豫什么,装有 Firefox 浏览器的用户赶快来体验一下吧!下面是几个写好的网站主题文件,它们只是一些示意。如果你有兴趣的话,你完全可以参与到网站主题的编写中来,像 Greasemokey 那样,到时我们可能会建立一个 eYou Anole 的开发社区。那样,网页界面将不再在网站单方面的约束,而是一个可由你控制和选择的享受,是一个任由你发挥创作激情的场所。

在此,我鼓励广大的 CSS 开发人员和网页设计人员参与到其中。因为只有你们的参与,并且将编写好的网站主题文件发布,这一创意才能被真正的推广。另外,eYou Anole 的当前版本是 0.1,它只提供了一些基本的功能,许多的新功能和特性还有待开发。我想,当它被维护到 1.0 版本时,一定会是一个相当不错的 Firefox 扩展了。本人在此期待大家的反馈意见,包括普通用户的使用意见和开发人员的需求建议。

二. eYou Anole 的下载地址

http://team.eyou.com/ext/anole/anole.xpi

三. 网站主题的安装方法

提示:下面介绍的是“网站主题的安装方法”,请不要误以为是 eYou Anole 的安装方法。并且我假设,你已经把 eYou Anole 安装在 Firefox 上了。如何安装扩展属于 Firefox 的使用常识(eYou Anole 同样属于 Firefox 扩展),所以文本不做介绍。

主题文件的安装方法很简单,在 eYou Anole 安装后,会在 “工具(tools)”菜单下添加一个名为“网站主题管理”的菜单项。点击此菜单项后,会弹出名为“网站主题管理”的窗口。点击其中的“安装”按钮,找到符合格式要求的主题文件,即可完成安装。

将网站主题设置为启用状态,当你浏览主题文件定义下的网站时,你会看到 CSS 设计师精心安排后的页面效果。

四. 示例的主题文件

下面的网站主题文件是由 Realazy 精心设计的,他现在是 eYou 团队的成员,同时也是一位紧跟标准化设计的 CSS 设计师。希望他设计的这 3 套网站主题,可以触发你的 CSS 设计灵感和激情,让你对 eYou Anole 有一点儿感性的认识。网站主如下:

I. css Zen Garden

效果:

下载地址:http://team.eyou.com/files/hades.zip

浏览测试地址:http://www.csszengarden.com/http://csszengarden.com/tr/chinese/

II. PostShow

效果:

下载地址:http://team.eyou.com/files/ps_tango.zip

浏览测试地址:http://www.postshow.net/

III. eYou 团队

效果:

下载地址:http://team.eyou.com/files/eyou_team.zip

浏览测试地址:http://team.eyou.com

1 Comment »

  1. 16

    Comment by elexx-iy — 2009 年 5 月 11 日 @ 20:37:40


RSS feed for comments on this post. TrackBack URI

Leave a comment

Blog at WordPress.com.