CSS

Gmail Redesigned

Apr 20th, 2008 14 Comments

Gmail Redesigned

Gmail Redesigned by Globex Designs

Gmail's anti-spam technology, its thread messages, and its general simplicity has made it quite simply the best webmail service around. But I think we can all agree - Google's design team is either incredibly lazy or extremely concerned with making sure old people, and people still using Netscape can check their email. To be frank - it's ugly and looks very outdated. Here is a Gmail design that I deem appropriate for a service of such quality. I am calling this project Gmail redesigned.

This style can be used by other designers who wish to develop custom themes for Gmail.

这是一个很漂亮..., 应该算是华丽的 Gmail 主题.
安装方法如下, 由 mozine.cn 提供:

1. 下载文件 gmail.css, 官方, 镜像1, 镜像2
2. 将 gmail.css 移动到 Firefox 配置文件夹中的 chrome 目录下, 与 userContent.css 同一目录.
3. 在 userContent.css 中添加 @import url(gmail.css);
4. 重启 Firefox, 打开网页 http://mail.google.com 查看效果.

用图片代替文字标题

Apr 13th, 2008 16 Comments

用图片代替文字标题, 为什么要这样做呢? 在搭建网站的时候, 人们总是希望页面能吸引别人的目光, 所以常常会使用 Logo (图片标题). 但搜索引擎只对文字描述感兴趣. 为了做好 SEO 和兼顾用户感受, 我们要想办法在保留文字描述的基础上只显示图片.

使用图片代替文字, 确保 SEO 效果和人的视觉感受.

接下来我们看看该怎么弄, 先看看上面的图片, 它的代码是:

<h1 style="background-image:url(http://www.google.com/intl/en_ALL/images/logo.gif) no-repeat; width:276px; height:110px; text-indent:-999em;">Google</h1>