OrzDream » Web2.0

Chi.mp 驯服小小贴士

NetPuter — Sun, 29 Mar 2009 08:06:07 +0000

Chi.mp 是一个全新的 LifeStream 聚合服务，与其它 LifeStream 服务不同的是， Chi.mp 不仅为每位童鞋提供了一枚类似于 NetPuter.mp 这样的免费顶级域名（不能免费解析、转发），而且提供了免费博客、免费网络相册（可外链，测试期间无限空间，正式发布后空间会有所限制）以及以你申请的免费顶级域名为后缀的免费邮箱（只能转发）等服务。可是， Chi.mp 就像一只野兽，并不是那么“容易”被驯服的。因为， NetPuter 就为大家介绍下，最简单的驯服 Chi.mp 的方法。

注册

目前 Chi.mp 的注册是需要邀请码的，没有邀请码的童鞋可以关注一下这里，或者问问其他童鞋有没有。

设置

登陆 Chi.mp 的后台，可以看见一些官方流程，大致如下：

设置个人档案

从其他服务导入你的联系人

添加一些服务

其实我们不必按照这个流程去做，因为我觉得，把每个导航的每个子导航都设置一下， Chi.mp 基本上就被驯服了。所以，现在就给大家介绍一下每个（子）导航的功能。

Dashboard

Overview
Chi.mp 的后台主界面，你可以在这里更新你的微博客，管理联系人、关系、内容。

Activity Stream
查看和管理你的 LifeStream 。

Personas & Privacy
你可以在这里更换你的 Chi.mp 的主题、个人头像、网站图标，以及设置你的一些信息的开关，如果需要设置信息的内容，要到导航的 Profile 里设置。

Export Site
导出站点，按下 Export 按钮后 Chi.mp 会发给你一封邮件，里面包括一个有很多信息的 ZIP 包，不过我还没成功导出过。

Purchase Domain
购买你的 mp 域名，每年 $20.00 。

Profile

Contact Info
联系信息，包括姓名、生日、电话、邮箱、居住地、 IM 等。

Education
学习。

Employment
工作。

On the Web
添加自己的社会化帐号，博客和网站。

About Me
关于自己的一些文字。

Design

Themes
详细的设置主题，也可以自己做一个。

Avatars
头像。

Favicons
网站图标，就像访问 OrzDream 时地址栏的那个蓝色 Orz 图标，学着做一个？

Content

Services
社会化服务，添加后会显示在首页的 LifeStream 上。

Mini Blog
迷你博客，不过这是 Chi.mp 上的博客，不会混淆了哦。

Albums
相册。

Contacts

My Contacts
我的联系人，感觉不是很好用。

Find Chi.mp Owners
通过搜索 mp 域名、姓名等等来添加联系人。

Import/Export Contacts
导入导出联系人。

Settings

Account Settings
帐户设置，比如邮箱、密码、安全提问和回答。

Site Settings
站点信息设置，比如标题、描述、 Google Analytics ID 等等。

Domain Aliases
不知道怎么说，比如你输入 Life.OrzDream.Cn 然后就会跳转到 NetPuter.mp 。

Email Forwarding
邮件转发。

Delete Site
不想玩 Chi.mp 了么，删掉吧！

OpenID

OpenID
直接把你的 mp 域名当作你的 OpenID ，赞。

OpenID Trusts
OpenID 信任的站点。

OpenID Activity
OpenID 活跃的地方。

大概经过这么一番设置，你的 Chi.mp 应该就被驯服了吧！如果还没驯服，没关系，推荐大家看看 Johnny 童鞋写的《Chi.mp 系列教程引导》，超详细的说。

30+ 枚 Chi.mp 邀请码 [全部发放完鸟请期待下一波儿邀请]

NetPuter — Mon, 09 Mar 2009 16:25:15 +0000

这是一篇被记载在《史记· NetPuter 列传》之 OrzDream 篇，因为这是 OrzDream 博史最短的一篇文章。

OK，需要邀请码的童鞋们就请在本文后留言。记得填写正确的邮箱哦，也不要在评论内容丢下你的邮箱。

PS1：感谢 SFOX WebApp 提供了 5 枚 Chi.mp 邀请码。 SFOX WebApp 是一个以 Web2.0 为主题的博客，同时也是与 OrzDream 合作的第一只博客，感兴趣的童鞋可以前往围观。

PS1.5：也感谢 Jojer 和 Tina 童鞋总共提供了 8 枚 Chi.mp 邀请码！

PS2：关于 Chi.mp 打造的 LifeStream 可以看看： http://NetPuter.mp/

PS3：本文将不断更新，当此波儿邀请码发放完毕后，会暂时关闭评论，知道下一波儿又有新的邀请码之后，将再次开放评论，方便各位童鞋申请。为了保证第一时间看到更新，建议订阅 OrzDream 到 RSS 阅读器或者把本文加入收藏夹（ Ctrl+B ）！

发放历史：

UPDATE @ 2009-03-10 12:49 - 25 枚邀请码发放完毕。
UPDATE @ 2009-03-10 13:35 - 来自 SFOX 的 5 枚邀请码发放完毕。
UPDATE @ 2009-03-10 17:21 - 来自 Jojer 的 6 枚邀请码发放完毕。
UPDATE @ 2009-03-10 17:38 - 请期待下一波儿邀请码方法啦！

一个鲜果粉丝眼中的 Beta 版鲜果

NetPuter — Thu, 22 Jan 2009 03:46:40 +0000

在和 NetPuter 一起体验之前，先来看看最近一段时间，关于鲜果周边的一些动态：

2008年12月21日 - 玩聚 SR 正式上线。玩聚 SR 与鲜果热文类似，是一个追踪各种社会化媒体，实时发现IT人都在分享和推荐什么的工具。via
2008年12月31日 - 和鲜果老大梁公军调侃时，他告诉我：鲜果将于春节前进行新版本的测试，然后在春节后发布正式版。via
2009年1月8日 - 豆瓣九点 改版。新的九点，是由你亲自打造的博客媒体。如你一样独特的网络阅读者，通过在九点上阅读和分享，真正有价值的博客文章被聚合起来，决定了九点的内容，它们将继续被众人阅读和传播。所有这些，都由你产生。via
2008年1月18日 - 新版鲜果开始公测。via
2008年1月20日 - 有道阅读为了降低大众用户使用阅读器的门槛，更快地找到自己喜欢的内容，又做了一次新手导航升级。via

体验 Beta 版鲜果

首页

Beta 版鲜果的首页，与原来的首页相比，内容丰富了很多，这样有利于一些路过鲜果的陌生的童鞋了解鲜果是什么东西。顶部的导航条，刚开始的时候比较窄，现在已经宽了一点儿了，但总感觉这个导航设计得不好。此外，“达人分享”部分，所谓的达人只是因为推荐的文章多而已吧。我想，真正的达人，应该是对文章有自己的思考，进行有价值的推荐，这样的“达人分享”才有一些意义，强烈要求人肉审核所谓的达人。

还有，关于“我的订阅更新”部分，假如我在这里打开了一篇文章，会跳到鲜果热文的版式去阅读，但是，我既然已经阅读了这篇文章，那么它的阅读状态设置为已读了。结果呢，依旧出现在我的未读文章列表中，又造成了重复。我的建议是，要么改为在阅读器中打开这个频道的这篇文章，要么就在阅读文章的时候顺便自动标记这篇文章为已读。

把停留在某处的视角拉回到整个界面，我感觉 Beta 版鲜果有 SNS 的味道了，不仅因为 SNS 元素，还因为那 SNS 的标准配色——蓝色。不觉得它和 Facebook 、校内或者海内很像嘛？

刚才偷偷看了一下Beta 版鲜果首页的源代码，发现鲜果已经开始使用现在很流行的 jQuery 了。但是 SEO 弄得很不合理（光 H2 标签就给导航的5个项目给占了，而每篇热文的标题用的是 H4 标签），按照 Shawn 童鞋的说法， H2 一般不超过4个，有可能会适得其反。

热文

我觉得 Beta 版鲜果的热文不如以前，首先是没有了直接在热文中全文阅读的操作，因此，原来的悬浮导航条也没有了。其次，一些布局不合理，比如说这个图片的 B 部分我觉得应该放在 A 部分下面。

还有，日历部分，是一个不错的创新，但是除了当天日期有样式之外，其它的都是和普通文字一样。同时， Beta 版鲜果很多地方我觉得应该给链接添加下划线：告诉大家这是一个链接，以及照顾色弱或者色盲者。via

PS1：其实 OrzDream 的链接也是没有下划线的，不过在下次改版中我会加上滴。
PS2：热文能否提供 RSS Feed 输出吖，我知道有一个每日鲜果精选的频道，但并非每日每个分类的热文列表哦。

好友分享

这是 Beta 版鲜果新增的一个玩意儿，还好吧，但是有些表达不太准确，比如“分享好友”指的是一个添加好友的动作，而按我的理解，分享（推荐）好友应该是这位童鞋很有趣，想把 TA 推荐给大家的说。

我的订阅

这里就是鲜果 RSS 阅读器的核心所在了，在改版的时候也应该是重点。我的一些观点：

阅读器默认首页的修改，我还是喜欢原来的一个有“朋友新鲜事”有“每周推荐频道”的首页，而 Beta 版鲜果中却成了所有未读文章列表。

阅读设置被藏得很深（左栏 » 更多阅读 » 设置），而鲜果默认的一些设置并不能满足所有人，希望能把阅读设置给挖出来。

单一频道阅读界面的布局很不好看。把这个频道的订阅统计移到了左下角，很不和谐，而且，点了订阅统计之后，“回到频道”的按钮却是在右上角（而非左下角），很不方便。

当前频道的标题不够醒目，居然和右边的一些设置字号一样，没有突出重点。

快捷键，对于提高阅读效率有很大的帮助，比如在旧版鲜果中， Shift+A 可以实现“标记本页为已读”的操作，但这个快捷键在 Beta 版鲜果中却成“标记所有为已读”，由此带来的一些损失，显而易见。

原来每篇文章左下角的是“回到顶部”，体验很差。现在是“折叠”，还是一样不好，因为我需要的是，把这篇文章折叠并且回到这篇文章的顶部。

一些 CSS 样式也变化了，这是为了和界面更加相似吗？我还是喜欢原来的没有额外样式的正文。

有一些按钮或者链接，比如“添加频道”的“更多订阅方式”应该要设置新窗口打开，结果却是原窗口打开，这样一来阅读过程就被打断了。我知道在新窗口是不符合 W3C 标准的，但是和用户体验相比，鲜果会选择哪个呢？

订阅中心

这里就是原来的博客榜啦，变化不大。

总结

总的来说，我不喜欢 Beta 版鲜果，很粗糙。但也体验了鲜果的一些新理念和未来要走的路线，期待着 Beta2 、 Beta3 、 Beta3 SP1 等版本诞生……

Merry Christmas - 鲜果工具箱的礼物

NetPuter — Thu, 25 Dec 2008 05:40:42 +0000

孩子们， Merry Christmas 哦， Happy New Year 哦， Happy Spring Festival 哦，星星和月亮会永远守护我们的哦~放上一个很有 Christmas 味道的 RSS Feed 图标（via）：

圣诞老公公背着满满的 OrzDream 的 RSS Feed 来啦！想要吗？快快订阅吧（请把视角移到右上方）！

鲜果工具箱的礼物

嘿嘿，最近突然发现，鲜果工具箱更新了（其实更新了很久了吧），就是在鲜果订阅按钮这里增加了一个订阅数版，可以在你的 Blog 显示鲜果的订阅数：

囧！订阅数怎么才16，鲜果RSS阅读器里统计的数字是66吖？

另外，今天是 Christmas ，看看幻彩版（会随着节日变换不同风格，而且还有节日倒计时，提醒你即将来临的快乐日子）是什么图片？

再囧，就显示个时期，莫非 Christmas 不是节日？
不管啦， Just For Fun ，最后再祝大家 圣诞快乐！新年快乐！天天Orz！天天快乐！

20+很Amazing的RSS Feed ICONS（图标）分享

NetPuter — Sat, 06 Dec 2008 12:24:15 +0000

这几天在 SpeckyBoy 看到了《22 Amazing Styles of RSS Icons Free for your Blog》，里面有一些 RSS Feed 图标是之前在许多分享推荐中没有看到的，希望大家喜欢！直接点击图图准备下载吧~

MyCircles RSS Icon by ~burnsflipper

RSS Icons Campaign

Wax Seals by *sniffels

ACID RSS by ~Cavin

RSS Bot by *leoblanchette

Recursos Grafikos Iconos

Hat RSS Icon by ~LoafNinja

Christmas Feed Icons by ~webfruits

RSS Icons by ~OneDevGiant

Mouse RSS

Bottle Caps by ~neoworxspace

Social Bookmark Icons

Iconos en 3D

RSS feed 17 icons-sign v1.0 by ~CorouD

RSS by *sniffels

DrinkRSS

Nice 'n' Simple Subscribe Badges

StickerFeed by ~bati1975

Feed icons for blogging guitarists

rss icon 1 by ~khaoze

Free Glossy Blogging Icons Set for Bloggers

(max)Icone Blog - Set 2

PS：突然发现这个主题在文章部分太窄了，好吧，准备换新主题了，SearchING……

鲜果无法访问的临时解决方法

NetPuter — Tue, 18 Nov 2008 09:51:03 +0000

最近鲜果遇到了一些问题，一个是时不时的RSS Feed没有抓取或抓取缓慢（目前已经正常了），另一个就是这几天鲜果无法访问。

为什么

根据打听到的原因是：昨晚鲜果所在的机房维护服务器，造成访问中断，现在速度还是比较慢，正在和机房沟通处理。

怎么办

不过好在鲜果的RSS阅读器和手机版不是在同一个服务器上的，因此RSS阅读器访问不了，手机版却还可以访问哦！（这也是为什么我没有发现鲜果访问不了，因为我一直都在手机鲜果的说，- -。）

So，赶快去体验一下鲜果手机版那前所未有的体验吧！

其实手机版鲜果还有2种版本，一是简洁版，二是多彩版。简洁版只适合手机Wap浏览器访问，而多彩版可以在电脑上密胺访问，而且由于多彩版是由简单HTML构成，就不会像鲜果RSS阅读器那样要载入很多JS、图片那么慢了。从另一角度来说，鲜果手机版的多彩版可以作为“鲜果基本HTML版”。

PS：写完才发现鲜果已经恢复正常了，我真是太失败了……

Web2.0 其实可以这么做

NetPuter — Mon, 17 Nov 2008 01:12:25 +0000

Web2.0。早在2004年就看到了这个名词，那时候Blog才瞧瞧的在中国流行起来，不少的杂志和报纸对其使用进行很大篇章的报道。如此，已经是2008年了，在这5年间，Web2.0的形式不断创新，从Blog到微博客再到SNS。但是对于国内的Web2.0，则是遵循“C2C”法则，即“Copy 2 China”，几乎没有什么“拥有自主知识产权的”Web2.0服务。尽管如此，但我还是很荣幸自己经历了一次Web变革。

看到了这么多的Web2.0服务，令人目不暇接的同时，也会让我产生一点点儿厌恶感。其实我觉得Web2.0，可以这样做（当然啦，其中有些做法是已经做过了或者过时了）：

一、把Blog当成个人网站的留言板

或许现在很多人认为，Blog就是个人网站。其实不是的，在Web2.0刚开始的时候，Blog仅仅是一个被少数人知晓的东西。而那个时侯，如果一个人会做网页，而且做的很漂亮，就会被认为是“高手”，受万人膜拜……

因此很多人也想炫耀一下，但如何知道大家对网页的评价呢？传统的做法要么是自己架设一个留言本，要么就是申请一个免费留言本。到了后来出现Blog，就出现了一种新方法：把Blog当作留言本。只需要随便写一篇文章，然后开放评论，就可以看到大家对自己的评价了。

或许这就是新贵Web2.0接过前辈Web1.0的那根接力棒吧。

二、以Web2.0的形式搞Web1.0的东西

拿稳了接力棒之后，毕竟还是有Web1.0的那种热气。

记得在NetPuter刚使用饭否的那段时间，曾经提出过自己的一个想法：把免费资源信息发表在饭否上，与大家分享。马上就有人回应说这是以Web2.0的形式搞Web1.0的东西。

是的，Web1.0时代，尤其是互联网泡沫前，中国的互联网一片繁荣，免费的东西满地都是。然而一次泡沫，就让这满地的免费都被清洗得差不多了，剩下一些老牌的服务。此时免费算是比较珍惜的，因此做关于免费这方面内容的站流量都不错。我也因此想要：把免费资源信息发表在饭否上，与大家分享。虽然后来我没有实现，但让我对Web2.0的理解又提高了一个层次。

三、明星的饭否、叽歪

当Web2.0真正到来时，每个人都是互联网的主人。

比尔·盖茨有Twitter，即将成为美国第44任总统的奥巴马也有Twitter，似乎国外名人也热衷于Twitter这样的新兴Web2.0应用，但对于国内呢？在我混饭否的这一年中，几乎没有发现什么名人的饭否，眼看着新浪那边名人博客越炒越热，而饭否这边，遍地草根。

在刚使用饭否的那段时间，我还提出了一个想法：明星的饭否。对于明星来说，发一条饭否总比发一篇博客方便多了；对于明星的粉丝们来说，为了第一时间了解到明星的动态，他们会经常泡在饭否上，从而大大增加了用户黏性。同时，正因为这一些用户群体的存在，潜在的市场也是很高的。

四、Web2.0时代的宣传与营销

因为NetPuter实在是太喜欢微博客这个Web2.0应用，因此想法也会多一些。个人感觉在Web2.0中，人与人的信任度会增加不少。

正如我在《玩转饭否：通知好友我的Blog更新了》中提到的：当你在饭否上有一定的好友群后，一般大家都是关注同一类东西，而你关注这类东西，当然也会在自己的Blog上关注的。把Blog更新动态显示在饭否，一来可以增加与好友的互动，二来可以增加流量。

相比现在的炒得火热的市场营销，这种宣传营销的方法更容易获得用户。

除了上面刚才说到的宣传自己Blog之外，也还可以对某些产品进行人肉营销。

比如有人问“哪个IM聊天软件最好”？或许就会有网友回答到“QQ用的人多”、“MSN比较高级”、“GTalk简洁方便”等等。如果把“IM聊天软件”换成电脑、冰箱等产品的话，营销的效果是不言而喻的。可是为什么没有公司注重呢？或许已经有了，名曰“枪手”。

五、停车位与汽车广告

虚拟和现实的重叠，会是什么样子？

火爆的Web2.0，火爆的SNS，火爆的抢车位游戏。几乎各主流SNS都有这个游戏，几乎玩过SNS的都玩过这个游戏。用户在游戏中，有各种品牌的汽车可以选择，还有各家各户的停车场。联想到现在的汽车市场，如果在选择品牌汽车的时候显示关于这个品牌的汽车的一些报价，在停车场旁边显示在现实生活中哪些大酒店提供免费的停车位。这类信息用户不会反感，甚至会取得一定的效果。

六、企业SNS

让企业更具亲和力，增加与用户之间的关系。

对于一个互联网企业，很多网民都想了解公司里面的环境是怎么样的，员工是如何生活、工作和娱乐的。我想这时候SNS是最好的了解途径，但前提是这个企业要有自己内部的SNS。

如果一个企业拥有了SNS平台，那么，对于员工来说，在工作之余上面发发贴，灌灌水，甚至买卖他们的BOSS；对于网民来说，这无疑让他们更亲近了这个企业，同时有什么问题可以及时解决，有什么建议可以及时反馈……

当然啦，这也只是一个想法。还要防止一些“间谍”混进去窃取信息哦~

七、招聘

在招聘会上，面对那么多的应聘者，那么多份简历，还在传统的方式招聘吗？别忘了，现在已经是Web2.0时代了！

最近一段时间，很多Blogger都流行玩“LifeStream”，按我的理解就是把自己在网上的动态根据时间轴显示出来。如果是一个互联网企业进行招聘，Web2.0时代中，你的应聘者应该都要有使用过微博客、RSS阅读器吧。让他们在填写的个人资料的时候写下自己的网名、Blog等等。然后就是一番人肉搜索，了解他们在网上都关注些什么东西，分享了哪些Feed条目，以及在一些Blog中的评论，通过这些东西就大概能了解到这个应聘者的兴趣爱好以及技术能力了。

为了给企业注入更多更好的新鲜血液，在招聘阶段麻烦一点应该说是值得的。

EOF，以上就是我对Web2.0的七种想法。若有说得不合您胃口的地方，请多多指教！

BlogBus模板美化系列教程

NetPuter — Fri, 24 Oct 2008 05:39:17 +0000

最近又要考试了，实在不能对Blog花太多时间，So只好翻旧帖咯……

教程介绍

BlogBus，是我最喜欢的BSP（没有之一，至于WordPress属于独立博客，就不算在BSP范畴啦）。理由很简单，界面很简约（尤其是改版之后），速度很快（之前我用的是BlogCN，慢的不行），模板自定义自由度很大（这是我最喜欢的）。同时，据我了解，不少童鞋对BlogBus的模板制作还不是很懂，所以我制作了《BlogBus模板美化系列教程》（视频教程），献给所有喜欢Vista模板的童鞋，同时对想学习DIV+CSS的童鞋也会有所启发哦！

教程内容

BlogBus模板介绍，简单修改模板（以玩美I 为例）

BlogBus模板之Vista模板制作（以玩美II 为例）

BlogBus模板细节修改

下载链接

BlogBus模板美化系列教程之一

BlogBus模板美化系列教程之二

BlogBus模板美化系列教程之三

原来鲜果也有墙

NetPuter — Sun, 12 Oct 2008 06:19:33 +0000

平时上学没时间用电脑，有点儿时间就看看鲜果，了解资讯，跟踪朋友动态。但由于时间关系，看到有用的文章一般都是用“收藏”先保存起来，等周末再细细阅读。最近，发现原来鲜果也是有一堵“墙”的……

看图再说话

被墙的是Zola童鞋的《我推荐给德国之声最佳中文博客大赛的推荐名单》，个人感觉里面推荐的Blog都不错，所以NetPuter把它收藏起来。

但是点开之后，却怎么都没有办法显示！不管是在我家还是学校，不管是Maxthon还是Google Chrome都显示不了！

难道就没有办法看到了？没关系，打开手机版鲜果（多彩版），然后切换到“收藏”页面。

嘿嘿，成功打开了。鲜果的墙只挡住了我一部分视线，换个位置，就看到墙背后的内容啦。

感觉很奇怪，这个Feed的内容挺和谐的，为什么会被“墙”呢？鲜果作为国产最好的RSS阅读器，用它就是为了了解资讯的，如此屏蔽内容，是一个开端，还仅仅只是小插曲？

PS1：又是“时间关系”，从这篇文章开始NetPuter不再对所有评论都Re了，但对于大家的问题，意见，观点我会Re的。不过，所有的评论我都会看哦的！
PS2：

WordPress技巧：超实用的Web 2.0风格翻页代码

NetPuter — Wed, 01 Oct 2008 16:03:30 +0000

十月以来，陪伴我一个三个月的ADSL包月上网已经和我Say GoodBye了，取而代之的是每个月30小时68元的套餐。对于我这种人来说明显是不够的，所以就开始研究WordPress啦。今天就给大家带来《WordPress技巧：超实用的Web 2.0风格翻页代码》。

给WordPress增加一个高级翻页功能

WordPress几乎无所不能，只拿来做Blog略显单调，拿来做CMS、工作室甚至是微博客都绰绰有余。如何显示这些文章呢？文章比较少还好，但是对于几十甚至几百甚至几千篇文章，WordPress原生翻页功能就几乎变成了鸡肋了，尤其是它只能上一页、下一页的滚动，很麻烦！

还好，国外的高手制作了这款WP-PageNavi插件，让我们能够轻松拥有一个高级的翻页功能。我想应该很多人知道这一款插件吧，就不用我多介绍啦。需要的童鞋可以猛击这里。

事实上，还有很多增强WordPress翻页功能的插件，个人比较比较喜欢WP-PageNavi，所以下文就拿这款插件开刀啦~

给PageNavi开刀之前记一下它长啥样

可怜的娃儿，你怎么长这么丑……

要给PageNavi开刀整成啥样

如果主题色彩非常有特色的话，你可以参考主题色系进行整容。

在这里NetPuter给大家强烈推荐这个玩意儿：24款超实用的Web 2.0风格翻页代码。

这里面包含了24款翻页风格，比如说Digg、Yahoo、Flickr等等，更重要的是这套风格和PageNavi的样式长得很像，脸型也差不多，方便我们修改。下载链接在这里（快点鼠标左键，哼哼哈嘿~）

这娃儿命太苦了，算了，别折磨它了……

开刀整容吧

首先，我们需要了解一些PageNavi默认的代码样式（WP-PageNavi插件目录下的“pagenavi-css.css”）：

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
	border: 1px solid #000000;color: #000000;background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #000000;background-color: #FFFFFF;}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;border: 1px solid #000000;color: #000000;background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #000000;color: #000000;background-color: #FFFFFF;
}

然后我们将24款超实用的Web 2.0风格翻页代码中的CSS.CSS所需要的CSS代码Copy出来，你会发现整容的内容（这里拿Digg的为例）。

DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

对CSS比较了解的朋友发现了吧，这段代码比较臃肿，你可以稍微优化下。看看我是怎么整容的：

把上面代码中的“DIV.digg”替换成“.wp-pagenavi”，注意要灵活变通哦。
把“.wp-pagenavi A”和“.wp-pagenavi A:link”合并到一起，也就是写成“.wp-pagenavi A, .wp-pagenavi A:link {内容}”这样。
同样再把“.wp-pagenavi A:hover”和“.wp-pagenavi A:active”合并到一起。
你可以把修改后的“.wp-pagenavi SPAN.disabled”部分删掉，因为根本就没有用。
如果你不想显示前面的“Page 1 of 4”，你可以在CSS中增加以下代码：
1 2 3
.wp-pagenavi SPAN.pages { display: none; }
最后，把上面修改的内容添加到你正在使用的主题目录下的“style.css”的屁股。

快看整成什么样

哈哈，这娃儿变得很漂亮啦，赶快去给你的PageNavi整容吧！