Archive for the ‘favicon’ tag
手动将豆瓣“搜索引擎”加入Firefox的搜索工具栏

Firefox 自带的搜索工具栏是使用频率极高的一项功能。其最大的特色就是可以自定义自己需要的搜索引擎进去。遗憾的是,不论是其自带或是在mozilla网站上可选的搜索引擎绝大多数都是面向英文用户,并不适合惯用中文的用户。
由于最近频繁地用到豆瓣搜索功能,于是萌发了将豆瓣搜索加入搜索栏的想法。研究一番发现,原来每个搜索引擎就是一个很简单的xml文件。稍加编辑,就能定制出自己需要的搜索引擎了。
只需把以下代码存为“douban.xml”,然后放到Firefox目录下的“searchplugins”目录中,重启Firefox,就能在搜索工具栏中选择“豆瓣搜索引擎”了。
- <?xml version="1.0" ?>
- <SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
- <ShortName>豆瓣</ShortName>
- <Description>豆瓣条目搜索</Description>
- <InputEncoding>UTF-8</InputEncoding>
- <Image width="16" height="16">data:image/x-
- icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAABMLAAATCwAAEAAA
- AAAAAAAAZgAAEXARACJ6IgAzhTMAUJZQAGajZgB3rXcAiLiIAJnCmQCqzKoAu9a7AMzgzADd690A7vXuAP///wAA
- AAAAXu7MuIhlUyAIzO7u7u7u6wACM2qWi8y2AI7aIDeEIQAAioigACntQAAAAVUwAH6gAABt7uynRCAAAK287u7l
- AAAJ6AAkjeYAAC7tuGQk3kAAC+7u7u3uoAACu2i87u0wABIIpCEiIQAAvreKy2EAAACc3u7u7clgAAAUaIiLymAA
- AL3IAAC9+AAAAB8AAAAKAAAAAQAAAAEAAL3gAAAAAAAAACcAAAABAAAACgAAAAEAAM8bAAAAAAAA+mAAAAAM
- </Image>
- <Url type="text/html" method="GET" template="http://www.douban.com/subject_search">
- <Param name="search_submit" value="搜索"/>
- <Param name="search_text" value="{searchTerms}"/>
- </Url>
- <SearchForm>http://www.douban.com/</SearchForm>
- </SearchPlugin>
或者可以直接点击这里下载我已经做好的“douban.xml”文件。
授人以鱼不如授之以渔,如果你要制作自己需要的搜索引擎,有两个地方需要注意。
- 以上代码中<image>部分的内容,是将网站的favicon进行base64编码后得出的。下载一个网站的favicon非常简单,一般都在根目录下以“favicon.ico”命名。而要将其转换为base64编码,则有两个方法。其一,通过这个网站,进行在线转换。其二,也是最保险的方法,就是将ico文件作为邮件附件发到自己的邮箱,然后查看邮件的原代码,一般如图部分便是附件(所需ico文件)的base64编码。

- 代码中的<url>部分,实际上也非常简单。你只要仔细观察进行搜索后的地址栏内容,就能领悟到不同的搜索引擎,具体应该如何填写了。
Google启用了新的网站图标(favicon)
刚才刷新Google的时候,突然发现它的网站图标(favicon)变了。从原来的那个“大写G”变成了Google Logo中第四位的那个“小写g”,还有灰色渐变的圆角背景。整体样子就像一个按钮,比原来的那个方块图标2.0多了。放在iPhone桌面上倒是比以前那个搭调多了。:)

看了看其他Google旗下站点,图标都没有发生变化。不过谷歌中国(g.cn),这次倒是反应迅速,图标也变成新的了。
updates: Firefox搜索栏的图标还没来得及变新版,截下来留作纪念。
![]()
修改了一下favicon,顺推强大的IconWorkshop
刚刚用Photoshop+IconWorkshop,修改了一下原来的那个favicon。发现画Icon的确挺有意思的。要在16X16的地方,画出传情达意的图片,只能一个像素一个像素的点上去。很废神,也没什么捷径。
目前的效果就是各位在地址栏和标签上看到的效果,背景终于透明了,不过似乎还不够精细。这也再一次告诉我凡事都不要相信肉眼,特别是这种画的时候放大1000倍的玩意儿。标尺,数字,像素才是参照的唯一标准。
之前一直在为透明背景的Icon伤脑筋,google发现了Axialis IconWorkshop这款软件,真是太强大了,各位如果要自做或是修改Icon,有了这款软件基本就一切搞定了。
下面是我提供的一个下载地址,强烈推荐各位试试。完全中文绿色版,只要解压缩就可以了。
http://www.box.net/shared/57usy1ttad









