本站最近的一些界面改进

分类图标

整理文章分类,基于 Silk Icons 为每个分类加上图标:

并且在 Denis 的帮助下实现了侧栏“最新文章”“随机文章”前显示文章所属分类图标。加上之前的 评论者 favicon, 已经有点小华丽喽 😆

翻页按钮的样式

赶潮流学习了下 CSS 圆角,于是将 Pagebar 翻页按钮样式化成这个样子:
CSS 圆角
圆角样式仅支持 Firefox, Chrome, Safari, 其它浏览器下仍是方角。有兴趣可以查看我的 style.css 🙂 另外 CSS 圆角也运用到了评论输入框、鼠标放到图片链接上的样式 等地方,就不细说了,推荐阅读 sofish 的教程

左上角的加载标签

在页面加载的时候显示一个友好的提示,尽量挽留一下急性子的访问者吧。实现方法请参阅 awShawn 的文章。

标签云链接的鼠标悬停颜色

Simple Tags 生成的标签云可以按文章多少自动分配链接的颜色,但是鼠标放到链接上就不再改变颜色了。试试看本文右边的“热门标签”,像普通链接一样有 hover 样式,代码如下:

.st-tag-cloud a:hover {
color: #E58802 !important;
}

最新评论

  • fisio 可不,Google Reader 都去世十年了… Google Reader 的分享和效率
  • 轻重 天哪!今天整理Evernote,发现这条2010年的剪藏笔记,点击连接,原网站还在!12年了,中文互联网早已面目全非! Google Reader 的分享和效率
  • 小波 重新改博客,看看以前的wp小伙伴的博客,发现绝大部分都关了,没想到你的还在,只是停在11年了 我为什么爱 Twitter
  • 心灵博客 当年有这个效果已经很不错哦 diy 山寨投影家庭影院
  • fisio 可不咋地!您也是老司机了 我为什么爱 Twitter

发表您的评论

评论将回复给

😀🙂😯😁🙁😄😆😝😜👍🌈💖🎂

目前有 71 条评论

 ….抢沙发
看完后学到了一些东西
也带来了很多灵感.. 🌈

你的 Blog 早已脱离”小华丽”水平,进入了大华丽境界。

比您还差得远啊…

太华丽了,特别是那一坨坨favicons~

很漂亮 😮

非常华丽了 😆

fisio有升级到2.7吗?

早就~

华丽的老肥,那我就华丽的飘过了~~

一直觉得你的评论框很有特色,哈哈!!

简单而华丽 我喜欢 💖

老肥对细节真实癫狂。。。

原来你问cat_id,就是加这些图标啊……不过,对于我可不适用了,到我那里,就清一色的都是WordPress的图标了,我只发这个类别的文章……

WordPress 下也是可以细分的… 👿

懒得分,而且主要是文章数量太少了,分类多了,每个类下面就只有一篇文章,不爽

真的很漂亮,喜欢!

真华丽~~评论框都是圆角的啦 😀

很喜欢第一项的改动,自己也想这么干,但还不会…

你还可以再小折腾一下搜索框.

目前第一项还很不完善,增加的数据库查询很多… 慢慢优化了只能

进来看看,有时间把我的也好好弄一下!

😀 油腻吃多了你就想着清淡,总有一天你又改回来。

挺哲理的,哈哈 讲不定那天就换回来了

来瞻仰下,真是辉常漂亮~~ 🌈 🌈

啥时候挂Adsense的广告啦…难道是通过日志发表时间来区分是否出现广告的?

囧 竟然被发现了,我还以为做得很隐蔽呢,呵呵

只是针对十来个 post_id 启用了

不仅华丽 而且都很实用哈 :p

你好 我想請問你 評論表情是用的什么插件呀?謝謝啊。 🌈

Smilies Themer 和 Smilies Themer Toolbar

我老觉得我这一块应该精简一下,竟然为了一个表情用了俩插件…

多谢回复啊。嗯我看到还有custom smiles是这类的。。我去比较一下你这个。嘿嘿。

太华丽 太yd了

效果真不错。

说实话,图标太多并不是好事。

在你的留言界面里面,gravatar、推荐、分享、还有表情等图标会对用户注意力造成一定分散。除非是我们这些熟悉界面的访客,其他的评论者其实不是很方便。。。

我觉得应该有办法改改的。。嘿嘿:)

用一段时间,大概就会想着怎么简洁了,呵呵

目前打算先把胡萝卜上方的文字隐藏掉,鼠标放到胡萝卜上的时候才显示

其实我觉得那个正在载入的提示有点多余。浏览器不是已经有了加载条了吗?

呃 这句真把我问倒了,看来我是个跟风典型 👿

相当牛X的细节美化~

认真的人会很在乎这些细节,有好多,值得学习!

细节决定了用户体验。
不过我好奇的是你的主机,加了这么多稀奇古怪的效果速度还是这么快。

胡戈戈的 bluehost… 效果有点多,但不一定都是耗资源的呀 hiahia

加上border动感十足嘛~看来偶的分页按钮也要学学嘿嘿,目前用的是超巨的效果

大猫的按钮也很好,就是颜色看上去想那种网站 👿

很漂亮了,如果把页面顶部改一下就更好看啦

banner么?

ps: 被 Akismet 当 spam 啦

是滴是滴!!

仍然如此,向 Akismet 写信恢复吧…

😀 每一个小小的gif真是太漂亮了 。赞。

原来圆角是通过CSS3 实现的,可惜在IE下不支持,唉,IE什么时候才能遵循标准,不然也不用放那么多的图片了!

是的,不过这个圆角并不是标准,IE的不标准是表现在其它很多地方,呵呵

PS: 最近 Akismet 误杀好多,抱歉!

-_- 其实好像是自己的站点被判入了Alismet 黑名单,很多在很多站点的留言都被拦截了,郁闷,刚刚跟他们写了信。

再测试一下,郁闷,我很少在别人blog上留言的,更不用说发垃圾评论了,这是我做得很不够好的一点,居然也被 Akismet 当 spam 了。

这次对了~

用户体验做的真不错~

welcome~

小的改进,体现了博主的用心

有些也可以用到我的博客里,请问博主的这款皮肤可否提供一下?

请参照我的页脚链接 🙂

http://gluedideas.com/

icon很漂亮!

真的是要向你好好学习

我试用了这个模板,但是没有你的这个感觉漂亮,差多了,又换回去了

我有很多自己的修改啦,有些效果也是必须配合插件的 🙂

这个主题好养眼啊!
想问问你的评论插件叫什么?也想要一个!

我不知道你具体是说哪个地方,这个左侧列表右侧输入框的布局是主题就有的,评论回复和嵌套是用的 wp thread comments, 是说这个么?

主题太完美了,真希望能用上你的主题啊

你的也很牛..XD

很漂亮
看上去非常有品位

👍 好可爱的萝卜和兔子!

看侧栏,icons如潮涌……

话说,“热门标签”还没有icon……

我准备仿你的,把我的也弄一下,不知道这是不是叫侵权 ? .. 哈哈

老肥好久没有更新blog了?

是挺久了… XD

真漂亮,细节觉得成败! 👍


  1. 09年2月6日让 Firefox 的网页输入框也高亮发光 - 左岸读书_blog www.zreading.cn/archives/508.html